規則中不同風格的順序是否重要？

我注意到，當我看着我寫了一個規則，比方說：規則中不同風格的順序是否重要？

label { 
font-size: 12px; 
position: absolute; 
padding: 9px; 
color: #666; 
}

螢火蟲，把它轉換爲：

label { 
color: #666; 
font-size: 12px; 
padding: 9px; 
position: absolute; 
}

基本上，重排的樣式。爲什麼？

我可以在我的風格中加入「終極」優先級來提高加載速度嗎？有沒有我沒有意識到的加載命令？

來源

2011-11-25 willdanceforfun

你可能應該改寫你的問題，在同一個選擇器中說非重複的樣式。 – Nightfirecat

好的，謝謝你呢？ – willdanceforfun

您的規則中樣式的順序無關緊要。 Firebug似乎按字母順序排序（可能是偶然的）。

當然的順序會做這個，問題，案件發揮作用：

.foo { 
    background: url(foo.png) top left repeat-x; 
    background-image: url(bar.png); 
}

來源

2011-11-25 07:07:22 cherouvim

一般：是的，爲了在哪些屬性實際上將設置方面做此事。

您可以谷歌的CSS優先環節多，例如：

http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

但至於什麼你在調試器中看到 - 這不是如何在CSS實際上會呈現在所有顯著。這個特定類中的「顏色」，「字體大小」，「填充」和「位置」的順序僅僅是Firebug的人造物。

來源

2011-11-25 07:08:05 paulsm4

我明白級聯......我在談論班級內的秩序。 – willdanceforfun

您在HTML類或CSS規則中列出「CSS聲明」（例如「font-size：12px」）的順序不會*重要，除非聲明彼此衝突。在這種情況下，它會*重要，而第二個聲明會勝出。但是，一般來說，訂單可能很重要。而且，在這種情況下，Firebug調試器看上去只是一個良性的工件（和/或「有用的功能」）。 – paulsm4

是順序事項：

label { 
font-size: 12px; 
position: absolute; 
padding: 9px; 
color: #666; 
font-size: 15px; 
}

字體大小（15像素）將否決12px的

來源

2011-11-25 07:08:47 Tessmore

除了在問題中沒有重新聲明或覆蓋任何內容。 – BoltClock

好，因爲在別人面前說，訂單是讓瀏覽器選擇很重要，這規則使用，但按照性能我沒有聽說過這樣的事情。由於CSS只是一個文本文件，下載速度不會受到影響。我不認爲任何人已經用一些測試用例來檢查這個主題。

來源

2011-11-25 09:01:58 HerrSerker

規則中不同風格的順序是否重要？

回答

相關問題