防止CSS樣式應用於網格的所有元素

我對此很新，所以如果我的問題很愚蠢，請原諒我。我在網格中有幾個元素，大多數情況下，當我將樣式應用到標題時，它會自動應用到頁腳和節。我不知道該怎麼做才能防止這種情況發生。我是否應該爲所有項目定義不同的類以分配不同的CSS樣式？防止CSS樣式應用於網格的所有元素

感謝

來源

2015-09-13 Léa

歡迎堆棧溢出！尋求代碼幫助的問題必須包含所需的行爲，特定的問題或錯誤，以及在問題本身**中重現**所需的最短代碼。請參閱[**如何創建一個最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

您的問題有答案，您應該遵循 – Shehary

您應該不需要定義每個元素都有獨立的類，只有一組元素。即不同類別的頁眉和頁腳 – aphextwix

舉一個簡單的開始也可以是這樣的，並在網格上或任何其他嵌套元素的網頁上，以及這個原則的工作。

HTML

<body> 
    <header> 
     <nav> 

     </nav> 
    </header> 

    <main> 
     <div> 

     </div> 
    </main> 

    <footer> 
     <nav> 

     </nav> 
    </footer> 
</body>

CSS

header { ... } 

header nav { ... }     // style the nav only within the header 

main { ... } 

main div { ... }     // style div within the main 

footer { ... } 

footer nav { ... }     // style the nav only within the footer

來源

2015-09-13 16:37:10 LGSon

防止CSS樣式應用於網格的所有元素

回答

相關問題