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

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

WBOY
Release: 2016-06-24 11:36:07
Original
2441 people have browsed it




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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template