多重CSS樣式定義的技巧

大家知道多重CSS樣式定義嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

一個標簽可以同時定義多個class，也可以是同一個class中重復定義屬性。例如：

我們先定義兩個樣式

.one{width:200px;background:url(1.jpg) no-repeat left top;}

.two{border:10px solid #000; background:url(2.jpg) no-repeat left top;}

在頁面代碼中，我們可以這樣調用:

這樣最終的顯示效果是這個div樣式是什麼呢??重復的是以哪一個為准呢??

應用到的樣式如下：

width:200px;

border:10px solid #000;

background:url(2.jpg) no-repeat left top;

因為，當應用兩個或多個樣式時，浏覽器所應用的樣式根據是屬性追加重復最後優先原則

就是說兩個或多個或重復的樣式名定義，浏覽器所應用的樣式是按先後順序的，如果定義了重復的屬性值，以最後定義的為准，如果應用了兩個或多個樣式名，裡面不重復定義的屬性值就追加上去，重復的屬性值就以最後一個為准。這裡要注意的是，樣式的先後不是根據頁面上應用的名字順序，而是樣式表裡的樣式順序。

相信大家已經了解多重CSS樣式定義了吧!感謝大家對我們網站的支持!

相關推薦：

CSS的優先級介紹 

divcss默認值是什麼呢