我是阿郎，从事IT行业的工作。点击右上角的“关注”，后续将会陆续为您分享我的工作笔记，请多指教！

CSS三大特性

继承性
层叠性
优先级

继承性

• 特性：子元素有默认继承父元素样式的特点
• 常见的可以继承的属性

color
font-style、font-weight、font-size、font-family
text-indent、text-align
line-height

• 举例

拓展：继承的应用

CSS的继承性可以在一定程度上减少代码

• 继承性的常见应用场景

①可以直接给ul设置list-style:none;属性，从而去除列表默认的小圆点样式

②直接给body标签设置统一的font-size，从而统一不同浏览器默认字体大小

• 举例

拓展：继承失效的特殊情况

如果元素有浏览器默认样式，此时继承性依然存在，但是优先显示浏览器的默认样式

• a标签的color在继承时会失效

• h系列标签的font-size在继承时会失效

• div的高度不能继承，但是宽度有类似继承的效果

层叠性

• 特点

①给同一个标签设置不同的样式—>此时样式会层叠叠加—>会共同作用在标签上

②给同一个标签设置相同的样式—>此时样式会层叠覆盖—>最终写在最后的样式会生效

• 注意事项

①当样式冲突时，只有当选择器优先级相同时，才能通过层叠性判断结果

优先级

• 特点

①不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低的选择器样式

• 优先级公式

继承 < 通配符选择器 < 标签选择器 < id选择器 < 行内样式 < !important

• 注意事项

①!important写在属性值的后面，分号的前面

②!important不能提升继承的优先级，只要是继承，优先级最低

③实际开发中不建议使用!important

• 举例