CSS的优先级规则

CSS的优先级规则有两类

1.位置群组规则

最高优先级为元素内嵌的style样式,如<div style=” “></div>

次高优先级为html头部中的<style>标签里面的样式

第三高优先级为通过头部<style>里面@import导入的样式表

第四优先级为通过<link>标签外链的样式表

第五优先级为<link>标签外链的样式表中通过@import导入的样式表

最低优先级为浏览器默认样式;

 

2.选择符群组规则

在同一位置群组中CSS的优先级将遵循选择符群组规则:

内嵌的style > id选择器 > 类选择器 > 标签选择器 > 通配符选择器*

可以假设:

style的权重为1000

id选择器权重为100

类选择器(类和伪类)的权重为10

标签选择器(元素和伪元素)的权重为1

通配符*为0

 

 

有三点需要注意:

1.位置群组将优先作用,在相同的位置输入多个样式或绑定多个样式表的时候,他们的绑定顺利决定了他们的优先级,后绑定的样式表会覆盖前面的样式表

2.!important拥有超越位置群组的最高优先级,不过如果不同的位置群组两个样式群组分别定义了!important,则位置群组将发挥作用;

<head><style type=”text/css”>.right{ color00F!important;}</style></head>

<body><div style=”colorF00!important;”>         例子例子例子        </div></body>

文字将显示为红色(#F00)

3.在IE6中,a:hover伪类的权重大于类,所以不要使用会产生兼容性的写法

转载于:https://www.cnblogs.com/taofx/p/4139323.html

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值