同一个选择器,同类型的选择器根据浏览器从上往下解析css原则。会先解析文件上方的css属性,当文件下方出现同一个属性的时候浏览器会根据从上往下解析原则使用最后解析得到的属性,而不是最先解析的那一个。
不同类型的选择器会根据选择器的优先权值来确定。
- 第一等:代表内联样式,如: style=””,权值为1000。
- 第二等:代表ID选择器,如:#content,权值为100。
- 第三等:代表伪类和属性选择器,如.content,权值为10。
- 第四等:代表类型选择器和伪元素选择器,如div p,权值为1。
- 通用选择器的权重为0。
特殊的!important
在CSS中,通过对某一样式声明! important ,可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级,也就是相当于写在最下面。
css在html中有四种引入方式:
- 外部样式,使用<link>标签链接外部样式表
- 内联样式,在html标签中使用style属性添加css属性和值
- 内部样式,在<head>标签和<body>标签空白处使用<style>标签在标签内部设置css。
- @import(url(demo.css)),浏览器先解析html文件,再解析css,采用此种方式会延迟页面样式。
在外部样式和内部样式有出现相同的类型相同名字的选择器的时候,CSS会先把两个选择器先合并再按照由上而下的解析规则去解析CSS。
继承性
css中文本文字的样式可以被继承,其它的不能够被继承。
对于块元素,在不设置宽高的情况下,宽度会继承父元素的宽,高度由内容决定。