CSS中的独立属性选择器

Question

I am using standalone attribute selectors since I discovered AMCSS . Recently I switched to cssnext from Compass and discovered that syntax highlighting seems to be broken in Atom and some other places/apps that I tested.

/* So this thing will be highlighted properly */

h1[foo] { font-weight: bold; }

/* and this thing not */

[foo] { font-weight: bold; }

The weird thing is that I couldn't find any examples of standalone attribute selector in specifications, but they work perfectly. All the examples uses combined selectors like h1[foo] .

TL;DR

Is [foo] the same as *[foo] and is safe to use, or is it just a coincidence that it works?

Answer 1

使用h1[foo]和[foo]与h1.bar vs .bar相同。