css - 有没有办法了解为什么 Firefox 选择 CSS 选择器而不是其他选择器？

Question

我在文档检查器窗口中，并选择了元素并检查了侧面的“计算”选项卡。但这仅向我显示了该属性可用的值以及选择了哪个值，而不是为什么选择该值。

基本上，我正在尝试使用 Stylish 脚本设置属性width（到元素，因为它确实出现在“计算”窗格中，尽管被划掉了）。站点的 CSS 表和我的 Stylish 脚本都使用此属性的后缀。所以，我想知道为什么该网站的属性设置被选择而不是我的。.class1tr td.class1.class2.class3[style]!important

Answer 1

这是与浏览器相关的事情。如果您说 style=""，使用空字符串，可以问“我真的设置了样式，还是没有设置？”。W3C 规范没有阐明这一点。所以我在 Firefox 和 IE11 中尝试了以下代码：

<div style="">
xx
</div>

和CSS：

div[style] { border: 1px solid black; }

Firefox 清楚地认为这是设置内联样式，因此识别选择器并显示指定的边框，而 IE11 说不，它不是内联样式并且不显示边框。