Question

#mainContent .container{
    background-image:url("/images/index_33.jpg");
    background-repeat:no-repeat;
    padding-left:85px;
    margin-top:10px;
}

如何只使用类容器将这些规则应用于第一个div？

Answer 1

要“将这些规则应用于带有类容器的第一个div”，您需要更加具体div.container，然后使用first-child伪类。

#mainContent div.container:first-child {
    background-image:url("/images/index_33.jpg");
    background-repeat:no-repeat;
    padding-left:85px;
    margin-top:10px;
}

来自w3scools.com：

：first-child伪类将一个样式添加到另一个元素的第一个子元素。

Answer 2

使用:first-child伪类：

#mainContent div.container:first-child {
  /* CSS rules here */
}

Answer 3

.container div:first-child {
 /* ... */
}

Answer 4

试试这个：

请注意：对于：在IE中工作的第一个孩子，必须申报DOCTYPE。（more info）

#mainContent .container div:first-child {
    background-image:url("/images/index_33.jpg");
    background-repeat:no-repeat;
    padding-left:85px;
    margin-top:10px;
}

Answer 5

我认为所有这些答案都是错误的。您需要使用first-of-type伪类，不 first-child。

只应用一个规则只有一个子选择器？

5 个答案: