css層疊性重要么

王林
發布: 2023-01-07 11:42:57
原創
2066 人瀏覽過

css層疊性是很重要的。層疊是html檔案中對於同一個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前後順序來決定,處於最後面的css樣式會被套用。

css層疊性重要么

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

不知道大家有沒有想過這樣一個問題,如果在html檔案中對於同一個元素可以有多個css樣式存在並且這多個css樣式具有相同權重值怎麼辦?

層疊就是在html檔案中對於同一個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前後順序來決定,處於最後面的css樣式會被應用。

如下面程式碼:

 p{ color:red; } p{ color:green; } 
登入後複製

最後 p 中的文字會設定為green,這個層疊很好理解,理解為後面的樣式會覆蓋前面的樣式。

所以前面的css樣式優先權就不難理解了:

內嵌樣式表(標籤內部)> 嵌入樣式表(目前檔)> 外部樣式表(外部文件中)。

相關影片教學分享:js影片教學

#

以上是css層疊性重要么的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!