通配选择器*{}:
会为所有的标签添加样式,慎用。
使用场景:
去掉所有标签的默认样式
层次选择器:
后代:M N{ };
父子:M>N{ };
兄弟:M ~N{ };表示M元素后所有同级的N元素都选择。
相邻:M+N;表示M元素后紧挨着的N元素,是单个的。
分组:M,N{};表示M和N元素都被选中。
属性选择器:
M[attr] {};
M[attr=value] {};=表示属性值完全匹配value值。
M[attr+=value];+表示attr属性的值部分匹配value值。
M[attr^=value];^表示arrt属性的属性值起始匹配value值。
M[attr$=value];$表示attr属性的属性值结束匹配value值。
M[attr1][attr2]:选择有attr1和attr2的元素,组合匹配。
伪类选择器:
:link:访问前的样式。
:visited:访问后的样式。
:hover:鼠标移入时的样式。
:actvied:鼠标按下时的样式。
注:
- 1.link和visted伪类都只能添加给a标签;hover和actived伪类可以添加给所有的标签。
- 如果四个伪类都生效,一定要注意顺序,即LVHA。
- 一般网站都只设置: a{} a:hover{}。
本文详细介绍了CSS中的通配选择器、层次选择器、属性选择器和伪类选择器的使用方法及应用场景。包括如何使用通配选择器清除默认样式,层次选择器中的后代、父子、兄弟和相邻选择器的区别,属性选择器中的精确匹配、部分匹配等。
256

被折叠的 条评论
为什么被折叠?



