所以我在我的html中有一個元素,我需要爲其應用特殊的樣式。 我可以用css來定位elemnt,但在css中的其他地方會被覆蓋多個。 我如何確保應用一種風格而不是另一種?覆蓋元素上的css樣式
我嘗試過使用!在我的CSS中很重要,但它仍然不起作用。
我談論
ul.M1 li.M3 {
font-size:13px;
}
,但是這個人是不是來代替,這是使用:
li.M3 {
font-size: 100px;
}
,它被重寫一堆其他地方了。
所以我在我的html中有一個元素,我需要爲其應用特殊的樣式。 我可以用css來定位elemnt,但在css中的其他地方會被覆蓋多個。 我如何確保應用一種風格而不是另一種?覆蓋元素上的css樣式
我嘗試過使用!在我的CSS中很重要,但它仍然不起作用。
我談論
ul.M1 li.M3 {
font-size:13px;
}
,但是這個人是不是來代替,這是使用:
li.M3 {
font-size: 100px;
}
,它被重寫一堆其他地方了。
位次在CSS:
和選擇優先級:
但!important
具有最高優先級,並且如果兩個或更多的規則有!important
,那麼優先級將如上所述。
ul.M1 li.M3 {
font-size:13px; !important
}
更正拼寫並使用!important
而不是!importent
。
例如,
ul.M1 li.M3 {
font-size:13px !important;
}
在最後的樣式表的聲明,並在</head>
盡頭在你的網頁鏈接的樣式表。
希望這會有所幫助。
它在我的css中拼寫正確:) – IronMonkey
在樣式表的最後聲明它,並在的末尾鏈接該頁面中的樣式表 - @IronMonkey – Nitesh
使用!important
!重要的是你想要完成的規則。
li.M3 {
font-size: 100px !important;
}
您應該能夠使用重要的沒有問題!
ul.M1 li.M3 {
font-size:13px !important;
}
但我不建議這樣做。我儘量避免不惜一切代價使用!important
。原因是,一旦應用它,就很難取消它。這可能會導致一些重要的維護問題。
我會建議利用特異性來代替您的風格。學會熱愛瀏覽器的開發人員工具,並使用它們來識別正在應用的樣式,和正在應用它的選擇器。
然後,創建一個新的,稍微更具體的選擇器,將承擔更多的權重。舉例來說,如果你申請一個ID您ul
,你可以利用,要建立一個更具體的選擇應該勝出:現在
ul#myID li.M3 {
font-size:13px !important;
}
importent是非常重要的:), 改變哪些類的出現順序,如果可能的話可以幫你 –
創建一個jsFiddle? –