2014-01-17 301 views
0

所以我在我的html中有一個元素,我需要爲其應用特殊的樣式。 我可以用css來定位elemnt,但在css中的其他地方會被覆蓋多個。 我如何確保應用一種風格而不是另一種?覆蓋元素上的css樣式

我嘗試過使用!在我的CSS中很重要,但它仍然不起作用。

我談論

ul.M1 li.M3 { 
    font-size:13px; 
} 

,但是這個人是不是來代替,這是使用:

li.M3 { 
    font-size: 100px; 
} 

,它被重寫一堆其他地方了。

+1

importent是非常重要的:), 改變哪些類的出現順序,如果可能的話可以幫你 –

+0

創建一個jsFiddle? –

回答

1

位次在CSS:

  • 內聯樣式
  • 嵌入樣式
  • 外部風格

和選擇優先級:

  • ID選擇
  • 屬性選擇
  • 類選擇
  • 子選擇
  • 相鄰兄弟選擇
  • 後代選擇
  • 類型選擇

!important具有最高優先級,並且如果兩個或更多的規則有!important,那麼優先級將如上所述。

ul.M1 li.M3 { 
    font-size:13px; !important 
} 
7

更正拼寫並使用!important而不是!importent

例如,

ul.M1 li.M3 { 
    font-size:13px !important; 
} 

在最後的樣式表的聲明,並在</head>盡頭在你的網頁鏈接的樣式表。

希望這會有所幫助。

+0

它在我的css中拼寫正確:) – IronMonkey

+0

在樣式表的最後聲明它,並在的末尾鏈接該頁面中的樣式表 - @IronMonkey – Nitesh

0

使用!important!重要的是你想要完成的規則​​。

li.M3 { 
    font-size: 100px !important; 
} 
0

您應該能夠使用重要的沒有問題!

ul.M1 li.M3 { 
    font-size:13px !important; 
} 

但我不建議這樣做。我儘量避免不惜一切代價使用!important。原因是,一旦應用它,就很難取消它。這可能會導致一些重要的維護問題。

我會建議利用特異性來代替您的風格。學會熱愛瀏覽器的開發人員工具,並使用它們來識別正在應用的樣式,正在應用它的選擇器。

然後,創建一個新的,稍微更具體的選擇器,將承擔更多的權重。舉例來說,如果你申請一個ID您ul,你可以利用,要建立一個更具體的選擇應該勝出:現在

ul#myID li.M3 { 
    font-size:13px !important; 
}