CSS进阶-选择器进阶

后代选择器：空格

作用 根据HTML的嵌套关系 选择父元素 后代中满足条件的元素

选择器语法：选择器1 选择器2 { css }

注意

• 后代包括：儿子 孙子 重孙子

子代选择器：>

作用 根据HTML的嵌套关系 选择父元素 子代中满足条件的元素

选择器语法：选择器1 > 选择器2 { css }

注意

• 子代包括：儿子

并集选择器：,

作用：同时选择多组标签 设置相同样式

选择器语法：选择器1 ， 选择器2{ css }

交集选择器：

作用：选中页面中 同时满足多个选择器的标签

选择器语法：选择器1 选择器2 { css }

注意：

• 交集选择器中选择器紧挨着 没有东西分隔
• 交集选择器中如果有标签选择器 标签选择器必须在最前面

hover伪类选择器

作用：选中鼠标悬停在元素上的状态 设置样式

选择器语法：选择器：hover

注意：任何一个标签都可以用伪类选择器 （超链接常用）

emmet语法

作用：通过简写代码 快速生成代码