程序博客网 > 如何备考软件设计师

CSS权重优先级的认知

来源：互联网发布：如何备考软件设计师编辑：程序博客网时间：2024/04/28 00:32

从CSS代码存放位置看权重优先级：内嵌样式 > 内部样式表 > 外联样式表。其实这个基本可以忽视之，大部分情况下CSS代码都是使用外联样式表。

从样式选择器看权重优先级：important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。

important的权重为1,0,0,0
ID的权重为0,1,0,0
类的权重为0,0,1,0
标签的权重为0,0,0,1
伪类的权重为0,0,1,0
属性的权重为0,0,1,0
伪对象的权重为0,0,0,1
通配符的权重为0,0,0,0

实例：

复制代码

<html><head><style type="text/css">#left{color:black!important;}         /*1,1,0,0*/#container #left{color:red;}         /*0,2,0,0*/#left{color:green!important;}       /*1,1,0,0*/.container #left{color:blue;}      /*0,1,1,0*/</style></head><body><div class="container" id="container">    <span id="left">这到底是什么颜色啊？</span></div></body></html>

复制代码

2个#left的权重都是1,1,0,0 这个时候就采用最后定义原则，所以最后输出的姿态是绿色的。

如何备考软件设计师

如何备考软件设计师

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子在监狱里被打伤了怎么办初三要体检没去怎么办羁押人在看守所没判刑怎么办? 在看守所关两年了还没有判刑怎么办开麻将馆被拘留怎么办拘留31天了我该怎么办收到一封拘留信怎么办存钱的收据掉了怎么办行政拘留法制没有批的怎么办别人起诉我我该怎么办去钟落潭看守所送衣服要怎么办长城宽带账号密码忘了怎么办预约考试密码忘了怎么办健康证预约号忘记怎么办啊人在看守所七个月还没结果怎么办起诉书和判决书丢了怎么办进了看守所信用卡逾期怎么办公安局审讯室监控影相被删除怎么办关进看守所以前的工作怎么办上海初中借读生学籍怎么办外地货北京三环怎么办谁买了小产权怎么办狗在小区丢了怎么办太原回迁房多余的房子怎么办回迁房被开发商抵押怎么办回迁房源多开发商扣房怎么办蝈蝈叫晚上怕吵怎么办蝈蝈总不停的叫怎么办按揭房没拿房产证夫妻离婚怎么办按揭房子房产证还没有到离婚怎么办结婚7年离婚孩子怎么办合伙经营KTV股东意见不合怎么办合伙生意转让意见不合怎么办租完房子后悔了怎么办通过中介买房产生纠纷怎么办天津公租房资格证到期怎么办买大房子后悔了怎么办公款私存了该怎么办外地人怎么办身份证在北京东城区申请公租房有车怎么办租了公租房辞职怎么办