html style设置优先级,html中style的优先级(覆盖关系)

html中的元素可以通过设置class和id来赋予style属性。

多个元素可以同属一个class。

一个id只能赋值给一个元素。

当给一个元素赋予一个class的时候,它便拥有了class所给予它的style。

一个元素可以被赋予多个class:

如果这些class的style有重合的话,后面赋予的class会把前面class的style中重合的部分给替换掉。

如果标签的id和该class中的style有重合的话,重合部分的style会使用id的style:

此时,该元素起效的是id赋予的style。

也可以直接给元素赋予style:

此时,直接赋值的style会把class和id中的重合部分给替换掉。

在class和id中设置style的时候有一个用法是:!import

如:. class1{  color:red  !import }

如果有 !import属性存在的话,它将拥有最高优先级。会覆盖其他方法设置的style属性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值