如何选择具有特定类的 HTML 标记？ [复制]

【问题标题】：How to select a HTML tag with a specific class? [duplicate]如何选择具有特定类的 HTML 标记？ [复制]
【发布时间】：2022-02-03 19:43:32
【问题描述】：

我需要将一些css样式应用于具有特定类的标签，例如我需要选择article标签和news类。

<article class="news" >
  <div>some stuff</div>
</article>

【问题讨论】：

标签： html css

【解决方案1】：

你可以用 CSS 做到这一点：

article.news{
  /* add styles below */
}

你可以用 JavaScript 做到这一点：

let articleNews = document.querySelector("article.news");
// for example
articleNews.style.color = "red";

【讨论】：

【解决方案2】：

使用 class="news" 选择所有元素并为其设置样式：

语法：

.class {
  css declarations;
}

例如

.news{
  background-color: yellow;
}

【讨论】：