2012-09-20 39 views
0

我在一個網站需要更多關於CSS代碼

left: 0 !important; 

的CSS頁面下面的代碼是什麼!important意味着什麼在此代碼的解釋嗎?

我以前從未見過這個地方。

回答

3

CSS意味着樣式按照瀏覽器讀取的順序應用。

第一個樣式應用,然後第二個樣式等等。

這意味着如果一個樣式出現在樣式表的頂部,然後在文檔中向下更改,則該樣式的第二個實例將是應用的樣式,而不是第一個樣式。

例如,在下面的樣式表,段落文本將是黑色的,即使施加第一樣式屬性是紅色:

p { color: #ff0000; } 
p { color: #000000; } 

!important規則是一種方法,使你的CSS級聯也有你認爲最重要的規則始終得到應用。

無論規則出現在CSS文檔中的哪個位置,總會應用具有!important屬性的規則。

所以,如果你想確保一個屬性總是應用,你可以將!important屬性添加到標籤。

因此,爲了使該段文字總是紅紅的,在上面的例子中,你可以這樣寫:您的幫助

p { color: #ff0000 !important; } 
p { color: #000000; } 
1

!important層疊順序是在CSS用來覆蓋其他樣式可能是進一步下跌的級聯或在元素上的內嵌樣式屬性的指令。

因此,例如:因爲它被設置爲重要的是,即使其他選擇是更具體的

.myDiv 
{ 
    color: blue !important; 
} 


body .myDiv 
{ 
    color: red; 
} 

的顏色是藍色。

1

這意味着它覆蓋設置爲相同的元件或父母

1

這意味着的任何其它的CSS左屬性,這衆所周知聲明覆蓋所有其它代碼。

例如:

div{ 
    left: 0px !important; 
    } 
div { 
    left: 100px; 
    } 

所以DIV是0像素離開,因爲!important它忽略left: 100px;

1

Microsoft

CSS試圖創建一個「平衡權力「作者與用戶 樣式表之間。默認情況下,作者樣式表中的規則覆蓋用戶樣式表中的 。但是,爲了平衡,重要的聲明優先於正常的聲明。作者 和用戶樣式表可能包含!重要聲明,並且用戶 !重要規則覆蓋作者!重要規則。