CSS 中的独立属性选择器答案

【问题标题】：Standalone attribute selector in CSSCSS 中的独立属性选择器
【发布时间】：2015-11-16 10:06:43
【问题描述】：

自从我发现AMCSS 以来，我一直在使用独立的属性选择器。最近我从Compass 切换到cssnext，发现Atom 和我测试的其他一些地方/应用程序中的语法突出显示似乎被破坏了。

/* So this thing will be highlighted properly */

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

/* and this thing not */

[foo] { font-weight: bold; }

奇怪的是，我在规范中找不到任何独立属性选择器的示例，但它们工作得很好。所有示例都使用组合选择器，例如h1[foo]。

TL;DR

[foo] 是否与*[foo] 相同并且可以安全使用，还是只是巧合？

【问题讨论】：

是的，根据w3 属性选择器应该类似于element[attribute] 或*[attribute]。 [attribute] 有效（我希望它可以），但我会说除非你有充分的理由，否则坚持官方语法会更安全。
是的，*[attribute] 和 [attribute] 至少现在是一样的。
我想知道*[attribute] 和[attribute] 的关系是否与*.class 和.class 不同。你认为有一些简单的方法可以检查浏览器对 CSS 选择器的实现吗？

【解决方案1】：

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

【讨论】：

我发现CSS3将div.value和div[class~=value]视为具有相同含义的drafts.csswg.org/selectors-3/#class-html下面还有一个*.pastoral和.pastoral相同的例子。所以我想接下来是*[foo] 和[foo] 应该被浏览器同样对待。那么问题是浏览器是否以相同的结论实现它：-P