網頁中引用兩個css沖突怎麽辦？

假如全局是這樣來定義壹個元素的樣式的：.abc {background:#000}，同時這個class為abc的元素是隸屬於某個元素的，比如下面這樣的html代碼結構

<div class="container">

<div class="abc"></div>

</div>

那麽在細化css裏面，只需要在.abc前面加多壹個父元素的選擇符就行了：

.container .abc {background:#fff}

這樣.container .abc的優先級就大於了.abc，自然細化css裏面的background設置也就不會被全局CSS覆蓋了~~

方法二 提升樣式的優先級

這種方法個人不太推薦，相對而言會簡單粗暴壹些。同樣是上面的例子，在細化CSS裏面，只要在樣式後面加壹個!important，例如這樣：

.abc {background:#fff !improtant;}

這個樣式的優先級就會默認提升到頂級，全局樣式就無法影響到它了。

方法三 改變兩個樣式的加載順序

這種方法比較簡單，就是只要把細化css加載在全局css之後就行了，這樣後面的樣式就會自動覆蓋前面的樣式。不過如果妳的html裏面這兩個樣式表的加載順序是先細化後全局的話，就要稍微調整壹下代碼才行。