：第一个孩子不能按预期工作

我试图选择一个名为的类中的第h1一个。如果它是其中的第一个元素，它会起作用，但是如果在它之后出现，它将不起作用。divdetail_containerh1divul

.detail_container h1:first-child

{

color:blue;

}

</style>

</head>

<body>

<ul>

</ul>

<h1>First H1</h1>

<h1>Second H1</h1>

</div>

</body>

</html>

我的印象是，h1无论它在哪里，我拥有的CSS都会选择第一个div。我该如何运作？

函数式编程

浏览 547回答 3

3回答

qq_花开花谢_0

该h1:first-child选择装置当且仅当它是一个h1元素时，才选择其父项的第一个孩子。所述:first-child容器的这里是ul，这样不能满足h1:first-child。:first-of-type您的情况有CSS3 ：.detail_container h1:first-of-type{    color: blue;} 但是由于浏览器兼容性问题而已，那么最好还是给第h1一个类一个类，然后再定位该类：.detail_container h1.first{    color: blue;}

人到中年有点甜

对于这种特定情况，您可以使用：.detail_container > ul + h1{     color: blue; }但是，如果在许多情况下都需要相同的选择器，则应该为这些选择器提供一个类，如BoltClock所说。

随时随地看视频慕课网APP