仅将颜色更改应用于某些标记

时间:2015-06-24 08:18:18

标签: javascript css

如果我使用<h3>标记并应用css

h3 {
  color:White;
}

将所有标题3文本的颜色更改为白色。 我只希望将其应用于某些<h3>标签,尽管在我的许多标签中。 我该怎么办呢?

3 个答案:

答案 0 :(得分:2)

给他们上课:

.white-header {
  color: white;
}

在你的HTML中:

<h3 class='white-header'>I m white</h3>

JsFiddle

答案 1 :(得分:1)

您可以在它们上使用公共类,并使用css。

  

我只想把它应用于某些标签,不过我的很多。

然后你定位父元素并为其应用css,如下所示:

<h3>heading</h3>
<div class="foo">
   <h3>some heading</h3>
   <p>some paragraph</p>
</div>

h3{
  color: red;
}
.foo h3{/*applied for some heading*/
   color: white;
}

答案 2 :(得分:1)

CSS是可行的方法,但由于问题标记为,因此这是一个使用querySelector()来设置选择<h3>标记样式的JS解决方案:

document.querySelector("div.someClass h3").style.color = "#FFF";

修改:@Kitler刚刚从问题中删除了标记。这个答案是针对原始问题的。如果OP将其关闭,那么我将悄然删除它。在贬低之前推迟。