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

首頁 > 開發 > CSS > 正文

CSS實例教程:CSS Selector的優先級

2024-07-11 09:02:27
字體:
來源:轉載
供稿:網友

網頁制作Webjx文章簡介:11個class與一個id”誰的優先級高的問題.

上周五下班前我們敬愛的三三大人又在組里討論了關于“11個class與一個id”誰的優先級高的問題~_~!


猜一下

01<!DOCTYPE HTML>

02<html>

03<head>

04<meta charset="utf-8">

05<style type="text/css">

06body{font-family: "Microsoft YaHei";}

07.a1 .a2 .a3 .a4 .a5 .a6 .a7 .a8 .a9 .a10 .a11{color:red;}

08#b{color:green;}

09</style>

10</head>

11

12<body>

13<div class="a1">

14<div class="a2">

15<div class="a3">

16<div class="a4">

17<div class="a5">

18<div class="a6">

19<div class="a7">

20<div class="a8">

21<div class="a9">

22<div class="a10">

23<div class="a11" id="b">

24CSS Selector的優先級

25</div>

26</div>

27</div>

28</div>

29</div>

30</div>

31</div>

32</div>

33</div>

34</div>

35</div>

36</body>

37</html>

答案很明顯就是你看到的那樣兒,究竟為什么一時又很難說的清楚。

今天突然想到精通css里講到過關于css特殊性的計算,原來是醬紫的…

所有的selector都被分配一個數值(包含內聯),將所有selector值相加得到最終優先級。但是計算中并不是滿10進1來計算,而是采用一個沒有指定的更高的基數。保證高級別的selector(id)不被那11個或者更多低級的selector組合超出。
selector的特殊性分四個等級:a,b,c,d可將a看成是最高位以此類推

CSS實例教程:CSS Selector的優先級

 

得出此表:

CSS實例教程:CSS Selector的優先級

 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 蓝山县| 德清县| 闽侯县| 伊通| 五原县| 肇州县| 济宁市| 鄂托克前旗| 卢氏县| 清水河县| 阿城市| 临汾市| 无为县| 阳西县| 勐海县| 雷山县| 新龙县| 双桥区| SHOW| 赞皇县| 洛扎县| 泗水县| 额尔古纳市| 云浮市| 泰顺县| 晋宁县| 清新县| 图木舒克市| 寻甸| 德阳市| 白沙| 南丹县| 出国| 吉林省| 余江县| 湄潭县| 凤山县| 黎城县| 合川市| 华池县| 济南市|