css層疊性是很重要的。層疊是html檔案中對於同一個元素可以有多個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中文網其他相關文章!