想象下面的例子:
<a href="/test/test.html"></a>
<a href="/test/test.html"></a>
<a href="/test/test.html"></a>
**<a href="/info/test.html"></a>**
<a href="/info/test.html"></a>
<a href="/info/test.html"></a>
是否有可能获得第四项?
注意:我只需要CSS解决方案,因为我已经知道在JS中的工作方式。不能使用nth-child
或nth-of-type
因为它可以在列表中的任何位置。所有链接只有一个包装容器。
这是我试图实现自己想要的方式:
a[href*="/info/"]:first-child:before {
content: "Pages";
display: block;
width: 100%;
background: #b1be2d;
color: #fff;
font-size: 120%;
}
你不能那样做...
我不知道这是否对您有帮助,但是您可以使用通用的同级选择器选择不是第一次出现的所有人...这样,您就可以将第一次出现的样式与其他出现的样式区分开他们:
a[href*="/info/"] {
/* style for every occurence */
}
a[href*="/info/"] ~ a[href*="/info/"] {
/* style for every occurence that is not the first one */
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句