如何为某类元素的第一个孩子设置样式？
如何为某类元素的第一个孩子设置样式？
提问于 2013-12-27 22:04:11
例如，我有这样的HTML：
<div class='page'>
<span>2</span>
<span>2</span>
<a>1</a>
<a>6</a>
</div>我如何为第一个孩子设计样式？
我是这样使用的：.page a:first-child {color:red}
但是它不能运行。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-12-27 22:05:54
使用而不是
.page a:first-of-type{
color:red;
}: first - of -type CSS伪类表示其类型在其父元素的子元素列表中的第一个同级元素。
摘自MDN Documentation。您可以找到更多详细信息和示例here.
Stack Overflow用户
发布于 2013-12-27 22:22:28
正如Pranav c所说，您可以使用.page a:first-of-type { ... }或.page a:nth-of-type(1) { ... }，但它们都不能在IE8中工作。
因此，如果我们可以假设<span>总是在那里，那么
.page span+a { ... }将确保仅设置跨度后的第一个a的样式，这是您现在所能获得的最好的跨浏览器。
示例：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20802061
复制相关文章
相似问题
腾讯云开发者
