Css 针对出现在某个类的div中的多个特定元素
我肯定以前有人问过这个问题,但我已经搜索了一段时间,却找不到答案——所以下面是: 假设我有一个特定类的div,在本例中我们可以将其称为.nyg section darkblue,并且我希望任何H标记元素在嵌套在该类的div中时显示特定的颜色,例如:this color:#19A5FF 用CSS实现这一点最有效的方法是什么 我试过这个:Css 针对出现在某个类的div中的多个特定元素,css,Css,我肯定以前有人问过这个问题,但我已经搜索了一段时间,却找不到答案——所以下面是: 假设我有一个特定类的div,在本例中我们可以将其称为.nyg section darkblue,并且我希望任何H标记元素在嵌套在该类的div中时显示特定的颜色,例如:this color:#19A5FF 用CSS实现这一点最有效的方法是什么 我试过这个: .nyg-section-darkblue h6,h3,h4 {color:#19A5FF;} 但这似乎普遍选择了H元素,而不仅仅是嵌套在“nyg sectio
.nyg-section-darkblue h6,h3,h4 {color:#19A5FF;}
但这似乎普遍选择了H元素,而不仅仅是嵌套在“nyg section darkblue”类元素中的元素
有人知道如何解决这个问题吗
<style>
/*css*/
.nyg-section-darkblue h6,h3,h4 {color:#19A5FF !important;}
</style>
<!-- html-->
<div class="nyg-section-darkblue">
<h3>I want this to be color #19A5FF</h3>
<h4>I want this to be color #19A5FF</h4>
<h6>I want this to be color #19A5FF</h6>
</div>
<div class="nyg-section-white">
<h3>I dont want this to be #19A5FF</h3>
<h4>I dont want this to be #19A5FF</h4>
<h6>I dont want this to be #19A5FF</h6>
</div>
/*css*/
.nyg部分暗蓝色h6,h3,h4{颜色:#19A5FF!重要;}
我希望这是彩色的
我希望这是彩色的
我希望这是彩色的
我不想这样
我不想这样
我不想这样
尝试使用
.nyg-section-darkblue h6, .nyg-section-darkblue h3, .nyg-section-darkblue h4 { ....
使用CSS选择器
>
选择子元素。您可以像这样选择.nyg section darkblue
的子项:nyg section darkblue>a
示例如下:
.nyg节暗蓝色>a{
颜色:#19A5FF;
}
a{
颜色:红色;
}
.nyg部分暗蓝色h6、h3、h4{颜色:#19A5FF;} 与
.nyg-section-darkblue h6 {color:#19A5FF;}
h3 {color:#19A5FF;}
h4 {color:#19A5FF;}
您必须针对特定div中的特定标题标记,您可以使用“>”选择器
下面是一个代码示例
.asd{
字体大小:13px;
颜色:绿色;
}
氢{
字体大小:粗体;
}
h4{
字体系列:草书;
}
.asd>h2{
颜色:红色;
字号:18px;
}
.asd h4{
颜色:青色;
}
你好
是吗
读这个
阿哈
你能分享你的HTML代码吗?我放了一个编辑过的代码示例谢谢-我考虑过这样做,但似乎每个H元素都必须输入类是非常低效的——如果你想让该类下的所有H元素都有那种颜色,那一定有更好的方法,你必须重复类名!或者您可以定义一个class.color并将该类添加到html中的元素中…为什么您认为这是一种低效的方法?H1、h2、h4只有一个相似的名称,但它们是不同的标签,如标签、a等。。。如果需要,可以将h*元素包装在一个公共标记(例如hgroup)中,并在css.class black hgroup{color:black}中。是的,这个答案选择了
元素作为使用
选择器的示例。你可以更换任何你需要的东西。