我需要從嵌套的 div 中選擇最后一個div（僅Subtask3而不是 task1 和 task2）而不添加類/ID。
<div>
<div>Subtask1
<div>Task1</div>
<div>Task2</div>
<div>Task3</div>
</div>
<div>Subtask2
<div>Task1</div>
<div>Task2</div>
<div>Task3</div>
</div>
<div>Subtask3
<div>Task1</div>
<div>Task2</div>
</div>
</div>
我試過了div>div:nth-last-of-type(-n 1) { color: green;}，div>div:last-child { color: green;}但它也需要最后一個任務（我只需要最后一個子任務......在這種情況下是 Subtask3）......它不應該是靜態的第三個！因為子任務可能超過 3 個。有什么想法嗎？
uj5u.com熱心網友回復：
最好添加類，但您可以使用它：
div>div:not(div>div>div):last-child {
color: green;
}
div>div>div{
color:black;
}
在此處查看 JsFiddle：https ://jsfiddle.net/24kmd0t8/1/
uj5u.com熱心網友回復：
嘗試這個。我希望我對你有所幫助。
div:nth-last-child(-n 1){
background: red;
}
div>div>div:nth-child(n)
{
background: white;
}<div>
<div>Subtask1
<div>Task1</div>
<div>Task2</div>
<div>Task3</div>
</div>
<div>Subtask2
<div>Task1</div>
<div>Task2</div>
<div>Task3</div>
</div>
<div>Subtask3
<div>Task1</div>
<div>Task2</div>
</div>
</div>uj5u.com熱心網友回復：
我知道你想用 CSS 來做。
無論如何，我可以用 JQUERY 給你一個解決方案
$('div').parent().closest('div').last().addClass("last");
$('div').parent().closest('div').last().addClass("last");.last {
background: blue;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<div>Subtask1
<div>Task1</div>
<div>Task2</div>
<div>Task3</div>
</div>
<div>Subtask2
<div>Task1</div>
<div>Task2</div>
<div>Task3</div>
</div>
<div>Subtask3
<div>Task1</div>
<div>Task2</div>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/443703.html
標籤：css
上一篇：如何更改按鈕元素的顏色？