3.5结构选择器
(1)后代选择器:可以选择一个元素的 后代元素,这个后代元素包括儿子、孙子......
写法:
.content a{
font-size:30px
}
(2)子元素选择器:通过某一个元素选中的直接后代
E>F
3.6并选择器
将相同的样式放在一起,;类名直接用英语逗号分隔
3.7通配符选择器
通配符选择器可以选中页面所有的标签
*{
}
注意:通配符选择器对页面上所有的元素都会设置对应的样式,而实际上,有很多元素默认是不带任何样式的。
3.8兄弟选择器
(1)E+F:选中最近(后面)的一个“弟弟”元素。不选中自己。
(2)E~F:选中所有(后面)的“弟弟”元素,不选中自己。
3.9伪类、伪元素选择器
伪类选择器:
(1)根据元素不同的状态,自动选择不同的样式
(2)直接添加一class,给这个class设定特殊的样式
a:hover:鼠标划过时添加的样式
a:active:被激活的时候添加样式,点击那一时刻(按住鼠标左键不放)
a:link:链接地址未被访问时候添加的状态,如下必须设置herf属性
a:visited:链接地址点击之后添加颜色
伪元素选择器:
(1)需要设置特殊效果的内容放到一个元素(标签)里面span
(2)再添加一个class,对class设置特殊样式