jquery - 选择另一个元素内的第四个元素

<ul>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#>
        <img src=" #">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="#">
        </a>
    </li>
</ul>

是否可以在这些列表项中选择每四个图像标签？我知道我可以选择每个第四个li元素，因为我想浮动它们，但是周围有办法让我可以看到列表项中的每个第四个图像元素吗？

最佳答案

通过此规则，您可以选择每4个<li>中的图像：

li:nth-of-type(4n) a img{
    /* CSS Here */
}