中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css樣式優先級的權重如何劃分

發布時間:2022-02-22 15:52:29 來源:億速云 閱讀:174 作者:iii 欄目:開發技術

這篇文章主要講解了“css樣式優先級的權重如何劃分”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“css樣式優先級的權重如何劃分”吧!

首先,同一個標簽上可能會有多個不同的 CSS 屬性,這些 CSS 屬性作用在同一個標簽上,就有了優先級的差異,一般情況下簡單的選擇器的權重大概可以按照如下的順序(從高到低)進行比較:

最高級別的權重:!important,屬于絕對優先;

第二級別的權重:行間樣式(內聯樣式);

第三級別的權重:id 選擇器;

第四級別的權重:class 選擇器,偽類選擇器,屬性選擇器;

第五級別的權重:標簽選擇器,偽元素選擇器;

第六級別的權重:通配符選擇器(*),子選擇器(>),相鄰同胞選擇器(+)等選擇器;

最低級別的權重:瀏覽器默認樣式;

有上述的規律也可以知道:瀏覽器默認樣式最低,是因為通配符選擇器都能比他更優先;因為通配符選擇器樣式權重極低,所以一般在 CSS 中用來初始化瀏覽器樣式。

以上是權重不同的情況,那如果權重相同的情況怎么比較呢?CSS 可以理解為是順序執行的,權重相同的情況下位于后面的代碼會覆蓋掉前面的代碼。

根據以上規律,可以得到如何避免 CSS 沖突的辦法:如果可以提升權重,就提升權重;如果不能提升權重,就把權重提到相等,然后將要渲染的樣式放到較后方(不建議使用這種方法,因為有些瀏覽器可能不支持這種做法)。

另外,很多讀者會問,不是還有最高級權重嘛?沒錯,可以使用最高級權重來進行樣式的鎖定,但這樣會讓代碼不好定位樣式錯誤,所以不到萬不得已,千萬不要使用。此外,行間樣式也應該盡量少用,因為標準的 HTML 與 CSS 的分工,是 HTML 負責文本結構,CSS 負責樣式處理,如果使用行間樣式,就相當于讓 HTML 也負責了樣式,這樣子對樣式的調試也不好。

感謝各位的閱讀,以上就是“css樣式優先級的權重如何劃分”的內容了,經過本文的學習后,相信大家對css樣式優先級的權重如何劃分這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

彩票| 陆河县| 垣曲县| 元谋县| 吴堡县| 台北市| 鄯善县| 康马县| 团风县| 深州市| 峨边| 滨州市| 静安区| 和政县| 永兴县| 邯郸县| 遂溪县| 犍为县| 孝义市| 垦利县| 姚安县| 中卫市| 上犹县| 丰城市| 明溪县| 景德镇市| 凤凰县| 小金县| 武定县| 岳阳县| 岢岚县| 贡嘎县| 云梦县| 蒙城县| 富川| 铜梁县| 清流县| 斗六市| 唐河县| 秀山| 凤凰县|