CSS技巧(技巧)
有时，当我看到一个我喜欢的网站，或者来自受人尊敬的人的网站时，我会看到源代码，并试图理解它们(就像我们所有人一样)。
在Jeremy Keiths站点上，他使用以下代码：
[role="navigation"] a {
font-weight: bold;
text-decoration: none; }我以前从未见过这种情况，还有几次我看到了以前从未见过的代码(这可以被认为是一个“把戏”)。
除了问上面的代码意味着什么，我的问题是-是否有任何文档，书籍或博客，通过了解高级/鲜为人知的CSS“技巧”？
回答 4
Stack Overflow用户
发布于 2010-10-09 09:44:41
在本例中，<nav>被包装在一个<div>中，然后分配一个navigation角色。同样的效果也可以通过以下命令实现
nav a {}许多站点似乎将“小”HTML5与XHTML混在一起。我真的看不出他们为什么不“完全”使用HTML5。HTML5的全部要点是更具语义性，编写更少更有意义的代码。
一些有用的链接。
http://html5doctor.com/
http://htmldog.com/
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/
http://remysharp.com/2009/01/07/html5-enabling-script/
Stack Overflow用户
发布于 2010-10-09 04:34:18
以上代码针对的是具有角色属性的元素，例如：
<div role="navigation">
<a href="...">...</a>
</div>类在这里也是有意义的，但它只是另一种方式。属性选择器是CSS2的标准部分，但在当时是IE6 didn't support them，所以直到最近才被广泛使用。
还有许多其他类似的选择器已经存在很长一段时间了，但由于IE的限制而无法使用。有关更多示例，请参阅Quirksmode。
Stack Overflow用户
发布于 2010-10-09 04:36:35
这是一个CSS属性选择器。它的意思是“作为元素后代的所有<a>标记，如果该元素的属性为role，值为navigation，则应按以下方式设置样式……”
他正在为accessibility principally和styling only secondarily使用它。
如果你想了解一些关于CSS的最新知识，我推荐你使用css3.info和css3please.com。第一个是新技巧示例的一个很好的来源，第二个让你在浏览器中尝试新的东西。除此之外。我发现最好的学习方法是在这里回答问题(当你不确定的时候去查)，结合阅读-- Eric Myers，Paul Irish，Quirksmode --所有这些都是学习新事物的好资源。
https://stackoverflow.com/questions/3894062
复制相似问题
腾讯云开发者
