css - id属性的css元素子元素

我有一个看起来像这样的html元素..由于使用了jqueryplugin，它会自动使用id。

<p>some text...</p>
<p>some text...</p>
<p id="elmt">some text...</p> <!-- I want to put a background -->
<p id="elmt">some text...</p>
<p id="elmt">some text...</p>
<p id="elmt">some text...</p>

我可以把一个孩子的css放在这个上面吗

p#elmt{
 background-color: yellow;
}
p#elmt:first-child{
 background-color: red;
}

最佳答案

:first-child有点棘手，关于SO的许多问题表明人们以:first-of-type的方式来考虑它（第一个元素与选择器匹配，而它表示父节点中的第一个元素）。

在这种情况下，我建议稍微反转一下逻辑并使用

 /* set red background for .elmt */
.elmt {
    background-color: red;
}
/* set yellow background for .elmt preceded ba another .elmt
   - which is all except the first one */
.elmt + .elmt {
    background-color: yellow;
}

http://jsfiddle.net/qQ8dm/5/

关于css - id属性的css元素子元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22321681/