html – 第一个孩子怎么样？

概述例如，我有如下HTML： <div class='page'> <span>2</span> <span>2</span> <a>1</a> <a>6</a></div> 第一个孩子怎么样？ 我这样用：.page a：first-child {color：red} 但它不运行。 使用 first-of-type而不是 first-child .page a:fir 例如，我有如下HTML：

<div class='page'>    <span>2</span>    <span>2</span>    <a>1</a>    <a>6</a></div>

第一个孩子怎么样？

我这样用：.page a：first-child {color：red}

但它不运行。

解决方法 使用 first-of-type而不是 first-child

.page a:first-of-type{    color:red;}

The :first-of-type CSS pseudo-class represents the first sibling of its type in the List of children of its parent element.

摘自MDN Documentation.你可以找到更多的细节&示例here.

说明：:first-child not working as expected

总结

以上是内存溢出为你收集整理的html – 第一个孩子怎么样？全部内容，希望文章能够帮你解决html – 第一个孩子怎么样？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。