防止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样式应用于网格的所有元素

回答

相关问题