第三章、层叠和样式

特殊性、继承、层叠 -> 解决样式冲突

1、特殊性

内联样式:  1,0,0,0
ID选择器:0,1,0,0
类选择器,属性选择器,伪类:0,0,1,0
元素选择器和伪元素:0,0,0,1

特殊性作为样式权重值,以权重值大的样式作为选中样式
1,0,0,0 > 0,1,0,0 > 0,0,1,0 > 0,0,0,1

重要性

 //  !important:具有重要性的样式 大于所有非重要性样式
#pid {
    color: red !important;
}

2、继承

1.后代元素会继承父元素的样式。
2.有些属性不可继承,大多数框模型属性(外边距、内边距、背景、边框)都不能继承。
3.创作人员不能指望依靠继承在所有情况下都能得到预想的结果。

3、层叠

1. !important 重要性排在第一位。
    读者的重要声明 > 创作人员的重要声明
2.相同->比较特殊性。
3.相同->按排列顺序,后出现胜出。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,242评论 25 708
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 1,210评论 0 7
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,179评论 0 40
  • 每次比较两个相邻的元素,如果它们的顺序错误就交换过来。 每次可以归位一个最大元素,需要n-1趟排序,每一趟需要比较...
    ifeelok0319阅读 303评论 0 0