有时，当我看到我喜欢的网站或受人尊敬的网站时，我会看到源代码并尝试理解它们（正如我们所做的那样）。CSS hacks（技巧）
在Jeremy Keiths现场，他用下面的代码：
[role="navigation"] a {
font-weight: bold;
text-decoration: none; }
我从来没有见过这一点，和其他一些时候，我看到的代码（可以认为是一个“绝招”），我从来没有见过之前。
除了问上面的代码是什么意思，我的问题是 - 是否有任何文档，书籍或博客，了解先进/较少知道的CSS“技巧”？
在这个例子中，<nav>被包装在<div>中，然后被分配了navigation角色。同样可以实现只用
nav a {}
许多网站似乎混合一个“小”HTML5与XHTML。我真的不明白他们为什么不“完全”使用HTML5。 HTML5的全部要点是语义更多，编写更少的代码更有意义。
一些有用的链接。
http://desizntech.info/2009/03/discover-the-cool-of-css-25-advanced-css-techniques/
截至目前，你需要一点JavaScript来使HTML5元素在IE浏览器。这些链接应该帮助
http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/
有一个角色属性上述目标的元素，如：
<div role="navigation">
<a href="...">...</a>
</div>
类将使意义也在这里，但它是这样做的另一种方式。属性选择器是CSS2的标准部分，但在IE6 didn't support them时间，因此它直到最近才被使用。
还有很多其他这样的选择器已经存在了很长时间，但由于IE强加的限制而无法使用。有关更多示例，请参阅Quirksmode。
这是一个CSS属性选择器。它说：“所有的<a>标记，是有role与navigation值的属性的元素应该以下面的方式来称呼的后代......”
他用它accessibility principally，并为styling only secondarily。
如果您想了解一些有关CSS的最新技术，我推荐使用css3.info和css3please.com。第一个是新技巧的很好的例子，第二个可以让你在浏览器中使用新的东西。除此之外......我发现最好的学习方法是在这里回答问题（当你不确定的时候看问题）并结合阅读 - Eric Myers,Paul Irish,Quirksmode - 所有这些都是很好的资源学习对你来说很新鲜的东西。
'role'也是HTML5：http://www.whatwg.org/specs/web-apps/current-work/multipage/content-models .html＃annotations-for-assistive-technology-products-（aria） – 2010-10-08 20:52:23
@Andrew：+1感谢那些信息。 – 2010-10-08 21:38:16
要小心XHTML2：它已经停止支持HTML5 - 例如，这意味着你应该使用互补而不是次要 – Knu 2010-10-09 06:24:20
酷，哪个浏览器它的工作？
http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#selectors
是的好点。 divs仍然可以，但是当[没有其他可用]（http://html5doctor.com/you-can-still-use-div/） - ps，不错的链接 – stephenmurdoch 2010-10-09 16:17:24
这是一个问题，我不认为我应该已经问过，因为我认为这听起来很“愚蠢”，但你提供的链接和例子看起来是无价的，谢谢大家。 – aurel 2010-10-09 22:25:24
另一个链接与冷却CSS技巧http://podlipensky.com/2013/06/css-only-load-images-on-demand/ – 2013-06-05 17:04:14