css層疊性重要么

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

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

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

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

如下面程式碼：

<span style="font-size:18px;">
p{
color:red;
}   
p{
color:green;
}  
</span>

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

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

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

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

#

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