Html css-针对特定的非子Decents

我有以下标记：

<footer>
    <div>
        <ul>
            <li>content</li>
            <li><a target="_blank" href="#">Link</a></li>
            <li><a target="_blank" href="#">Link</a></li>
            <li><a target="_blank" href="#">Link</a></li>
        </ul>
    </div> 
    <div>
        <ul>
            <li>Content</li>
            <li>Content</li>
            <li>Content</li>
            <li>Content</li>
        </ul>
    </div>
</footer>

内容





内容
内容
内容
内容

如何使用CSS只针对第二个

，而不将自定义ID和类应用于HTML？

尝试以下方法：

footer > div:last-child > ul { /*styles*/ }

页脚分区：第n个子（2）ul{ 背景色：绿色；/*表示成功*/ }

内容





内容
内容
内容
内容

在这种特殊情况下

页脚div:n第（2）类ul

或

页脚div:n最后一类ul

---

完成可能解决方案的收集：

footer div:nth-of-type(2) ul {
    color: red;
}

小提琴：