How to select a HTML tag with a specific class?

Question

I need to apply some css styles to a tag with a specific class, for example I need to select article tag with news class.

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

Answer 1

You can do it this way with CSS:

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

You can do it this way with JavaScript:

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

Answer 2

Select and style all elements with class="news":

syntax:

.class {
  css declarations;
} 

for example

.news{
  background-color: yellow;
}