国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS選擇器的權重與優先規則分享

2024-07-11 08:57:55
字體:
來源:轉載
供稿:網友
我們在使用CSS對網頁元素定義樣式時經常會遇到這種情況:要對一般元素應用一般樣式,然后在更特殊的元素上覆蓋它們。那么我們怎么樣來保證我們所新定義的元素樣式能覆蓋目標元素上原有的樣式呢?

在CSS中,會根據選擇器的特殊性來決定所定義的樣式規則的次序,具有更特殊選擇器的規則優先于具有一般選擇器的規則,如果兩個規則的特殊性相同,那么后定義的規則優先。

那么,又怎么來計算選擇器的特殊性呢?下面這張圖介紹了特殊性的計算方法:



我們把特殊性分為4個等級,每個等級代表一類選擇器,每個等級的值為其所代表的選擇器的個數乘以這一等級的權值,最后把所有等級的值相加得出選擇器的特殊值。

4個等級的定義如下:

第一等:代表內聯樣式,如: style=””,權值為1000。
第二等:代表ID選擇器,如:#content,權值為100。
第三等:代表類,偽類和屬性選擇器,如.content,權值為10。
第四等:代表類型選擇器和偽元素選擇器,如div p,權值為1。

例如上圖為例,其中#NAV為二等選擇器,.ACTIVE為三等選擇器,UL、LI和A為四等選擇器。則整個選擇器表達式的特殊性的值為1*100+1*10+3*1=113

下面是一些計算示例:



注意:通用選擇器(*),子選擇器(>)和相鄰同胞選擇器(+)并不在這四個等級中,所以他們的權值都為0。
我們再來看一個具體的例子:假如有以下組樣式規則,你能判斷出HTML代碼中的兩個標題是什么顏色嗎?

CSS Code復制內容到剪貼板
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黑龙江省| 潜山县| 漳州市| 汪清县| 灵寿县| 兴安盟| 牟定县| 保康县| 安图县| 安国市| 龙门县| 乐平市| 嵊州市| 锦州市| 阜平县| 三台县| 丰镇市| 尼勒克县| 大洼县| 安仁县| 赣榆县| 绿春县| 二连浩特市| 柳林县| 手游| 崇义县| 金华市| 常山县| 辽宁省| 北辰区| 麻江县| 福泉市| 将乐县| 七台河市| 虞城县| 调兵山市| 清丰县| 丰都县| 望谟县| 凌云县| 宣汉县|