CSS扩展选择器

a> 关联选择器
标签是可以嵌套的,要让相同的标签中的不同标签显示不同样式,就可以用此选择器
例如:
p { color :#00FF00;}
p b { color: #FF000;}

<p> P标签<b>李德华</b>段落样式</p>
<p>标签段落</p>

b>组合选择器
对多个不同选择器进行相同样式设置的时候应用此选择器。
p,div{ color:#FF0000;}

<p>P标签显示段落</p>
    <div>DIV标签显示段落</div>
注意:多个不同选择器要用逗号分开

c>伪元素选择器
其实就在html中预先定义好的一些选择器。称为伪元素。是因为CSS的术语。
格式:标签名:伪元素。类名 标签名。类名:伪元素 都可以
a : link { } 超链接未点状态//可以去掉下划线
a : visited{ } 被访问后的转态
a : hover{ } 光标移到超链接时的状态(未点击)
a : active { } 点击超链接时的转态
使用顺序: L——V——H——A

p : first-line {} 段落的第一行文本

p : first-letter {} 段落中的第一个字母

: foces 具有焦点的元素。

猜你喜欢

转载自blog.csdn.net/so_band/article/details/80409144
今日推荐