相同的两个标签,用css给其中一个标签添加属性

2020-08-23 6:31:42 4554 网站建设

相同的两个标签,用css给其中一个标签添加class属性，可以使用nth-child选择器，指定第几个。

例子：

<div class="nav">

<a href=""></a>

<a href=""></a>

<a href=""></a>

<a href=""></a>

<a href=""></a>

</div>

代码

<style>

.nav a:nth-child(2){

color: #fff;

}

.nav a:nth-child(3){

color: red;

}

</style>

效果图

5个相同的a标签，同时在一个div中，想要让5个a标签中的文字出现不同的颜色，就可以使用nth-child选择器。

版权保护: 本文由小冬SEO编辑发布，转载请保留链接: http://www.myseoyh.cn/jianzhan/85.html

小冬SEO