CSS範圍和編碼/命名指南

當你有一個大網站有很多不同的頁面，然後很多的CSS，然後大樣式的文件（希望單個文件，以提高頁面加載性能）我看到一個問題與CSS是他們沒有範圍，一種風格可能會干擾他人。在一個地方定義的一種風格會影響其後定義的所有其他風格。讓我解釋一下我的問題用一個例子：CSS範圍和編碼/命名指南

如果我在我的CSS文件

p a { 
     style-values-X 
} 

.whatever a { 
    style-values-Y 
}

首先風格可以在不經意間影響的HTML一樣，

<p> 
    ...   
    <div class="whatever"> 
    ... 
      <a href="…"> /* this will end with style-values-X + style-values-Y */ 
    ... 
    </div> 
    ... 
</p>

什麼是代碼的方式避免每個Html頁面都沒有CSS文件的問題，樣式類的長名稱......？

是否有任何編碼/命名指導性文件來組織/命名您的CSS類？

來源

2011-04-21 Riga

這就是爲什麼你使用CSS開始一般並獲得更具體的。它的級聯部分變得容易利用。

CSS特殊性：http://www.htmldog.com/guides/cssadvanced/specificity/

而且這真棒鏈接（如果你是一個星戰迷）：http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html

來源

2011-04-21 10:34:38 JohnP

哦，我不知道感謝特異性規則。我的問題更多地是爲了避免這些衝突命名風格類的方法。這些可能很難在新頁面中找到，並需要使用Firebug或其他工具。 – Riga 2011-04-21 11:23:00

你總是可以使用一個類或一個id命名空間。這些樣式不適用於其他任何東西 – JohnP 2011-04-21 11:41:49

CSS範圍和編碼/命名指南

回答

相關問題