持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第18天，点击查看活动详情
后代选择器
根据 HTML 标签的嵌套关系，选择父元素 后代中 满足条件的元素
语法：选择器1 选择器2 { css }
在选择器1所找到标签的后代（儿子、孙子、重孙子…）中，找到满足选择器2的标签，设置样式
后代选择器中，选择器与选择器之前通过 空格 隔开
子代选择器
根据 HTML 标签的嵌套关系，选择父元素 子代中 满足条件的元素
语法：选择器1 > 选择器2 { css }
在选择器1所找到标签的子代（儿子）中，找到满足选择器2的标签，设置样式
子代只包括：儿子
并集选择器
同时选择多组标签，设置相同的样式
：选择器1 ， 选择器2 { css }
- 并集选择器中的每组选择器之间通过 , 分隔
- 并集选择器中的每组选择器可以是基础选择器或者复合选择器
- 并集选择器中的每组选择器通常一行写一个，提高代码的可读性
交集选择器
选中页面中 同时满足 多个选择器的标签
语法：选择器1选择器2 { css }
- 交集选择器中的选择器之间是紧挨着的，没有东西分隔
- 交集选择器中如果有标签选择器，标签选择器必须写在最前面
hover伪类选择器
选中鼠标悬停在元素上的状态，设置样式
语法：选择器:hover { css }
伪类选择器选中的元素的某种状态
Emmet语法
通过简写语法，快速生成代码
选择器拓展
使用伪类选择器选择元素的不同状态
链接伪类选择器
常用于选中超链接的不同状态
语法：
a:link{} 选中a链接未访问过的状态
a:visited{} 选中a链接访问之后的状态
a:hover{} 选中a链接鼠标悬停的状态
a:active{} 选中a链接鼠标按下的状态
焦点伪类选择器
选中元素获取焦点时状态，常用于表单控件
语法：
input:focus {}
表单控件获取焦点时默认会显示外部轮廓线
属性选择器
通过元素上的HTML属性来选择元素，常用于选择input标签
语法：
E[attr] 选择具有attr属性的E元素
E[attr="val"] 选择具有attr属性并且属性值等于val的E元素
总结：
总结出之前的CSS选择器和现在的选择器进阶，并在实践中多运用，效果才能更好；
我也在不断的学习css中，加油，多思考，多总结。