CSS基本原理与选择器

原理

优先原则：后解析的内容 会覆盖掉之前解析的内容

1. 同一个选择器内：从上往下执行，解析
2. 同一类型选择器：从上往下执行
3. 不同类型的选择器：从低优先级->高优先级执行（* div class id）
4. 外部样式 内部样式 先合并之后再一起解析，先外部=>内部=>内联
5. 加了important 字段的，最后执行

继承原则：嵌套里面的标签，拥有外部标签的某些样式，子元素可以继承父元素的属性

1. 跟文字相关的文本，样式 才可以被继承
2. 子块级元素的宽度 不被设置的情况下子元素可以继承最接近的父元素的宽度

组合选择器：

1. 分组选择器：如：div,p,ul
2. 嵌套选择器：如：div p (上几级元素为div的p都生效)
3. 子选择器：如： div>p (仅父级元素为div的p都生效)
4. （相邻）同级别选择器：如：div+p (平级元素为div的p都生效)

属性选择器：

• 基本[属性]
• [属性=值]
• [属性~=值]属性中包含这个值的标签生效（多个属性值用空格隔开）
• [属性^=值]属性以这个值开头的标签生效
• [属性$=值]属性以这个值结尾的标签生效