后代选择器:空格
作用 根据HTML的嵌套关系 选择父元素 后代中满足条件的元素
选择器语法:选择器1 选择器2 { css }
注意
- 后代包括:儿子 孙子 重孙子
子代选择器:>
作用 根据HTML的嵌套关系 选择父元素 子代中满足条件的元素
选择器语法:选择器1 > 选择器2 { css }
注意
- 子代包括:儿子
并集选择器:,
作用:同时选择多组标签 设置相同样式
选择器语法:选择器1 , 选择器2{ css }
交集选择器:
作用:选中页面中 同时满足多个选择器的标签
选择器语法:选择器1 选择器2 { css }
注意
:
- 交集选择器中选择器紧挨着 没有东西分隔
- 交集选择器中如果有标签选择器 标签选择器必须在最前面
hover伪类选择器
作用:选中鼠标悬停在元素上的状态 设置样式
选择器语法:选择器:hover
注意
:任何一个标签都可以用伪类选择器 (超链接常用)
emmet语法
作用:通过简写代码 快速生成代码