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

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

WBOY
發布: 2016-06-24 11:36:07
原創
2440 人瀏覽過




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开始的

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板