gpt4 book ai didi

css - 样式页面上的第二个元素具有相同的类

转载 作者:技术小花猫 更新时间:2023-10-29 11:25:14 25 4
gpt4 key购买 nike

你好,有没有一种方法可以使用 css 为页面上具有相同类的第二个元素设置与第一个元素略有不同的样式。

例如,我在一个页面上有两个 ul,其中有一类是 topbardropdownmenu。我想给第二个 ul 一个不同于第一个的背景。有没有办法在不改变 html 的情况下做到这一点?

最佳答案

您可以使用 :nth-child() 伪选择器来完成。虽然它是 CSS3,但在某些浏览器中不受支持(例如 <=IE8 & <=FF3.0 不支持它)。

.topbardropdownmenu:nth-child(2) { background: #FF0000; }

不过,如果您愿意的话,您可以使用 JavaScript 以跨浏览器兼容的方式来完成。

关于css - 样式页面上的第二个元素具有相同的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4619756/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com