CSS 黑客(技巧)

Question

有时，当我看到一个我喜欢的网站或来自受人尊敬的人的网站时，我会查看源代码并尝试理解它们(就像我们所有人一样)。

关于 Jeremy Keiths他使用以下代码的网站:

[role="navigation"] a {
font-weight: bold;
text-decoration: none; }

我以前从来没有见过这个，还有几次我看到了我以前从未见过的代码(可以认为是“技巧”)。

除了询问上述代码的含义之外，我的问题是 - 是否有任何文档、书籍或博客可以用来了解高级/鲜为人知的 CSS“技巧”？

Answer 1

上面的目标元素具有 Angular 色属性，例如:

<div role="navigation">
  <a href="...">...</a>
</div>

类在这里也有意义，但这只是另一种实现方式。属性选择器是 CSS2 的标准部分，但在当时 IE6 didn't support them所以直到最近它才被广泛使用。

还有许多其他这样的选择器已经存在了很长时间，但由于 IE 的限制而无法使用。参见 Quirksmode更多示例。