css选择器
基本选择器
| 选择器 | 含义 |
|---|
| * | 通用元素选择器，匹配任何元素 |
| p | 标签选择器，匹配所有使用p标签的元素 |
| .class | 类选择器，匹配所有class属性中含有”class”的元素 |
| #id | id选择器，匹配所有id属性为”id”的元素 |
组合选择器
| 选择器 | 含义 |
|---|
| A,B | 多元素选择器，能同时匹配A元素与B元素，用英文逗号”,”隔开 |
| A B | 后代元素选择器，匹配所有属于A元素后代的B元素，用空格隔开 |
| A > B | 子元素选择器，匹配所有A元素的子元素B |
| A + B | 毗邻元素选择器，匹配所有紧随E元素之后的同级元素F |
补充
| 选择器 | 含义 |
|---|
| A ~ B | 匹配任何在A元素之后的同级B元素 |
| A:target | 匹配文档中特定”id”点击后的效果 |
BFC
MDN上的解释是块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。
注意：一个BFC的范围包含创建该上下文元素的所有子元素，但不包括创建了新BFC的子元素的内部元素。这从另一方角度说明，一个元素不能同时存在于两个BFC中。因为如果一个元素能够同时处于两个BFC中，那么就意味着这个元素能与两个BFC中的元素发生作用，就违反了BFC的隔离作用。
BFC触发方式