您如何将特定的css
应用于second-page
<div className = "section-header second-page">SOME MESSAGE</div>
假设以上:
.section-header {
background-color: black,
}
我想专门为不修改second-page
的section-header
应用不同的背景颜色。
<div class="section-header second-page">SOME MESSAGE</div>
您的CSS可能是:
.second-page { background-color: black, }
您可以在HTML中混合使用多个类,也可以分别定位它们。如果您需要验证HTML代码,则可以使用此免费服务:https://validator.w3.org/#validate_by_input
.second-page
类的任何元素,则应使用:.second-page {
backgound-color: red,
}
如果您希望样式仅应用于也具有.section-header
类的.second-page
元素,则应使用:
.section-header.second-page { backgound-color: red, }
[当两个类之间没有空格时,表示它同时引用了两个类的元素。有关CSS选择器的更多信息,请检查https://www.w3schools.com/cssref/css_selectors.asp