CSS中優先順序問題引起的一些情況

做網站開發前台網頁的時候，時不時會碰到一些奇怪的問題，有時還真的莫明其秒。這不，前些日子雙碰到一個讓我大跌眼鏡的問題：wordpress評論回複時不顯示，而直接評論能正常顯示。開始以為是代碼問題，結果不是。因為，在文章中的評論回複是正常顯示，而在圖集幻燈中的評論就不能顯示。這是怎麼回事呢？

經過多次尋找，終於讓我找到問題之所在，如下圖：

wordpress自動在 children 標籤裡添加了 style 性性，這樣一來，我在主題 style.css 中定義的樣式 就不起作用了。暈死。怎麼辦呢？我想只有我的style.css裡的樣式優先於wordpress自動添加的樣式，才能解決問題。CSS中怎樣才能優先於 style 呢？只有通過 !important; ，因為這個層級是最高的，也是最優先的。還好，wordpress自動添加的沒有帶這個屬性。於是，我給相關的標籤添加了 !important; 問題迎刃而解。

代碼如下	複製代碼
ul.children { width:610px !important;left: 50px !important;; position: relative; overflow: hidden; padding: 0px; margin:30px; } ul.children li.comment{ width:100% !important; }

以下簡述 CSS 優先順序：

[1位重要標誌位] > [4位特殊性標誌] > 聲明先後順序

!important   >   style   >   [ id   >    class   >    tag ]

使用!important可以改變優先順序別為最高，其次是style對象，然後是id > class >tag ，另外，另外在同級樣式按照申明的順序後出現的樣式具有高優先順序。