CSS解析优先级

同一个选择器,同类型的选择器根据浏览器从上往下解析css原则。会先解析文件上方的css属性,当文件下方出现同一个属性的时候浏览器会根据从上往下解析原则使用最后解析得到的属性,而不是最先解析的那一个。

不同类型的选择器会根据选择器的优先权值来确定。

  1. 第一等:代表内联样式,如: style=””,权值为1000。
  2. 第二等:代表ID选择器,如:#content,权值为100。
  3. 第三等:代表伪类和属性选择器,如.content,权值为10。
  4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为1。
  5. 通用选择器的权重为0。

特殊的!important

在CSS中,通过对某一样式声明! important ,可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级,也就是相当于写在最下面。

 

css在html中有四种引入方式:

  1. 外部样式,使用<link>标签链接外部样式表
  2. 内联样式,在html标签中使用style属性添加css属性和值
  3. 内部样式,在<head>标签和<body>标签空白处使用<style>标签在标签内部设置css。
  4. @import(url(demo.css)),浏览器先解析html文件,再解析css,采用此种方式会延迟页面样式。

在外部样式和内部样式有出现相同的类型相同名字的选择器的时候,CSS会先把两个选择器先合并再按照由上而下的解析规则去解析CSS。

继承性

css中文本文字的样式可以被继承,其它的不能够被继承。

对于块元素,在不设置宽高的情况下,宽度会继承父元素的宽,高度由内容决定。

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值