首页 >web前端 >html教程 >一个类下有很多<a>标签,给第二个<a>标签添加样式,怎么写才能不用再给第二个<a>添加类_html/css_WEB-ITnose

一个类下有很多<a>标签,给第二个<a>标签添加样式,怎么写才能不用再给第二个<a>添加类_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:36:072432浏览




1
2
3




想把2或者3字体大小设置为16px,怎么写才能不用加类或者其他标签
有种写法好像使用加号的
.login + a{ }


回复讨论(解决方案)

css选择器没有+号一说,详见:
http://www.w3school.com.cn/css/css_syntax_descendant_selector.asp 

如果你想要让第2,3个a标签添加独特的样式的话,就给这两个标签重新声明一个类;如果你不想声明类的话,还有以下方法:
1.给2,3的a标签添加ID属性,通过ID选择器来控制这两个标签的样式;
2.给2,3的a标签添加title属性,通过属性选择器来控制这两个标签样式;
3.通过JS来控制2,3的a标签的样式;
事实证明后面的三种方法都是比较麻烦的,实际上还是用类选择器靠谱。

我搞错了,有+号的,怪我学得太少,详见:
http://www.w3school.com.cn/cssref/css_selectors.asp

.login a:not(:first-child)
{
    font-size: 16px
}

用加号的话就这么写

.login a + a {
    font-size: 16px
}

.login a:nth-child(2){ color: red; }  //给所有a添加样式

第二个这么写
.login a:nth-child(2){ color: red; }
第三个a就这么写; 只要改变后面的数字就可以了
.login a:nth-child(3){ color: red; }
注意:后面括号的索引值是从1开始的

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn