选择css中的last-child混淆

Question

<a><div class="myDiv"></div></a>
<a><div class="myDiv"></div></a>
<a><div class="myDiv"></div></a>
<a><div class="myDiv"></div></a> // I want this

使用myDiv.last-child它不起作用。我不能使用a.last-child因为我想要的是div

Answer 1

你想要

a:last-child div

e.g。找到上述代码段中的最后一个<a>，然后应用于其中的div。

Answer 2

如果用<a>包裹它们，那将无效。

Check this Fiddle

<强> HTML

<div class="myDiv">1</div>
<div class="myDiv">2</div>
<div class="myDiv">3</div>
<div class="myDiv">4</div>

<强> CSS

.myDiv:last-child{
    background:red;
}