CSS-extras: match attribute inside selectors

PrismJS · Jul 7, 2016 · 13fed76 · 13fed76
1 parent d6b5c2f
commit 13fed76
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/components/prism-css-extras.js b/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': /\[[^\]]+\]/
 	}
 };
 

diff --git a/components/prism-css-extras.min.js b/components/prism-css-extras.min.js
diff --git a/tests/languages/css!+css-extras/selector_feature.test b/tests/languages/css!+css-extras/selector_feature.test
@@ -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", "{"]
 ]