特殊性、继承、层叠 -> 解决样式冲突
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.相同->按排列顺序,后出现胜出。
特殊性、继承、层叠 -> 解决样式冲突 1、特殊性 2、继承 3、层叠
引入样式的方式： 元素内嵌样式 文档内嵌样式 外部引用样式 层叠和继承： 浏览器样式 样式表层叠优先级： 浏览器样...
CSS：页面美化和布局控制 概念：Cascading Style Sheets 层叠样式表 层叠：多个样式可...
CSS：页面美化和布局控制 概念： Cascading Style Sheets 层叠样式表* 层叠：多个样式可以...
层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前...
CSS 页面美化和布局控制 概念： Cascading Style Sheets 层叠样式表 层叠：多个样式可以作...
CSS：页面美化和布局控制1. 概念： Cascading Style Sheets 层叠样式表* 层叠：多个样式...
第三章——CSS 一、CSS的介绍 CSS：“层叠样式表”，它是cascading style sheets的缩写...
CSS作用：页面美化和布局控制 1、概念 Cascading Style Sheets 层叠样式表层叠：多个样式可...
三种嵌套层叠样式的方法 嵌入式层叠样式表 连接式层叠样式表 引入式层叠样式表@import url (main.c...
本文标题：第三章、层叠和样式
本文链接：https://www.haomeiwen.com/subject/zlqyxxtx.html
网友评论