說我有這個 css ：
div div p:nth-child(1),
div div p:nth-child(2),
div div p:nth-child(3),
div div p:nth-child(4),
div div p:nth-child(5) {
}
這將選擇從 1 到 5 的第 n 個子元素。
這里有捷徑
div div p:nth-child(n 1):nth-child(-n 5){
}
或者
div div p:nth-child(-n 5){
}
我的問題是，
如何選擇不是從 1 到 5 的第一個元素，而是從 2 到 5 的第二個元素？
所以基本上如果我有這個 HTML：
<div>
<div>
<p></p>
<p></p>
<p></p>
</div>
<div>
<p></p>
<p></p>
<p></p>
</div>
<div>
<p></p>
<p></p>
<p></p>
</div>
<div>
<p></p>
<p></p>
<p></p>
</div>
<div>
<p></p>
<p></p>
<p></p>
</div>
</div>
我希望它應用 css 背景顏色：紅色，僅從第二個div > p 開始，直到第 5 個。
uj5u.com熱心網友回復：
也許這樣的事情會起作用？
div div p:not(:first-child)
除了第一個孩子之外的所有東西都可以在Style中找到
uj5u.com熱心網友回復：
這是你要找的嗎？哪里沒有選擇第一組，但其余的是？
div div:not(:first-child) p {
background-color: blue;
}
小提琴在這里。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/467524.html
標籤：javascript html css
上一篇：試圖阻止應用懸停效果的問題