CSS-extras: match attribute inside selectors

Author: Golmote

components/prism-css-extras.js

@@ -4,7 +4,8 @@ Prism.languages.css.selector = {
 		'pseudo-element': /:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,
 		'pseudo-class': /:[-\w]+(?:\(.*\))?/,
 		'class': /\.[-:\.\w]+/,
-		'id': /#[-:\.\w]+/
+		'id': /#[-:\.\w]+/,
+		'attribute': /\[[^\]]+\]/
 	}
 };
 

components/prism-css-extras.min.js

@@ -9,6 +9,8 @@ foo#bar {
 
 #foo > .bar:not(baz):after {
 
+div[foo="bar"] {
+
 ----------------------------------------------------
 
 [
@@ -43,6 +45,11 @@ foo#bar {
 		["class", ".bar"],
 		["pseudo-class", ":not(baz)"],
 		["pseudo-element", ":after"]
+	]], ["punctuation", "{"],
+
+	["selector", [
+		"div",
+		["attribute", "[foo=\"bar\"]"]
 	]], ["punctuation", "{"]
 ]