Ben*_*Ben 2 css css-selectors pseudo-class
在CSS中,对于下面显示的示例,如何使样式应用于所有段落,第一段和最后一段除外?
<div class="entry">
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
</div>
Run Code Online (Sandbox Code Playgroud)
我已尝试以下方法排除第一段,但这不起作用:
div.entry p:nth-child(n+1) {
/* ... */
}
Run Code Online (Sandbox Code Playgroud)
我也试过nth-of-type()和not(),但不能让他们工作,我认为他们会的方式.
编辑:我已经决定将<p>我想要应用该样式的所有s 包装在一个<div>.我接受了bozdoz的答案,因为它最接近解决原始问题(即使它只解决了一半).
boz*_*doz 10
更新的答案:
使用:not(:first-child)和:not(:last-child)
div.entry p:not(:first-child):not(:last-child)
Run Code Online (Sandbox Code Playgroud)
请参阅更新的JSFiddle.