css的衝突是什麼

css的衝突是指當多個CSS樣式應用到同一個元素時，這些樣式之間可能存在對同一個屬性的不同格式設定；當發生衝突時，瀏覽器透過遵循優先原則或最近原則來解決CSS衝突問題。

本文操作環境：Windows7系統、HTML5&&CSS3版，DELL G3電腦

CSS的衝突與解決

當多個CSS樣式應用到同一個元素時，這些樣式之間可能存在對同一個屬性的不同格式設置，當發生衝突時，瀏覽器透過遵循以下原則來解決CSS衝突。

1.優先權原則

2.最近原則

3.同一屬性的樣式定義，後面定義的樣式會覆寫前面定義的樣式。

優先權原則：指的是優先權最高的樣式有效，其中行內樣式>內嵌式樣式|連結外部樣式，即行內樣式的優先權最高，而內嵌式樣式和連結外部樣式的優先權由它們出現的位置決定，誰出現在後面誰的優先權就高。在同類型的樣式中，選擇器之間也存在不同的優先權，選擇器的優先權規定為：ID選擇器>class選擇器|偽類選擇器|屬性選擇器>元素選擇器|偽元素選擇器>通配符選擇器|子元素選擇器|相鄰兄弟選擇器，即ID選擇器的優先權最高。

最近原則：主要是針對繼承樣式，越靠近格式化的元素的父類別樣式，優先權越高。如：

…

，給

標籤設定樣式，它的優先權就高於

標籤樣式。

此外，把!important加在樣式的後面，可以提升樣式的優先權為最高級(高過內聯樣式)

【推薦學習：css影片教學】

以上是css的衝突是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn