Question

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

h3 {
  color:White;
}

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

Answer 1

给他们上课：

.white-header {
  color: white;
}

在你的HTML中：

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

JsFiddle

Answer 2

您可以在它们上使用公共类，并使用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;
}

Answer 3

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

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

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

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

3 个答案: