css - 使用 CSS 将字体颜色更改为文章？

Question

如何使用 css 更改一篇文章中的字体颜色。我有 3 篇文章，如下所示: 我想在 css 文件中将字体颜色更改为第二篇文章，但我不知道如何...

<article class="news">
           <h2>Technologiczna osobliwość</h2>
            <p>
                Technologiczna osobliwość (lub po prostu osobliwość, z ang. singularity) – hipotetyczny punkt w przyszłym rozwoju cywilizacji, w którym postęp techniczny stanie się tak szybki, że wszelkie ludzkie 
            </p>
            <blockquote>Wikipedia</blockquote>
        </article>

        <article class="news active-news">
                <h2>Superinteligencja</h2>
                <p>
                    Superinteligencja lub nadludzka inteligencja – osoba przewyższająca intelektualnie każdego istniejącego człowieka, praktycznie we wszystkich aspektach, w tym również kreatywnością, 
                </p>

我试过这个:

news active-news  {
    color: #1db954;
}

this:

.news active-news  {
    color: #1db954;
}

and this:

#news active-news  {
    color: #1db954;
}

Answer 1

如果它们是针对同一个元素，则需要直接将样式的类名用点连接。

.news.active-news  {
    color: #1db954;
}

<article class="news">
  <h2>Technologiczna osobliwość</h2>
  <p>
  Technologiczna osobliwość (lub po prostu osobliwość, z ang. singularity) – hipotetyczny punkt w przyszłym rozwoju cywilizacji, w którym postęp techniczny stanie się tak szybki, że wszelkie ludzkie 
  </p>
  <blockquote>Wikipedia</blockquote>
</article>

<article class="news active-news">
  <h2>Superinteligencja</h2>
  <p>
  Superinteligencja lub nadludzka inteligencja – osoba przewyższająca intelektualnie każdego istniejącego człowieka, praktycznie we wszystkich aspektach, w tym również kreatywnością, 
  </p>
</article>

另一种选择是用这个来定位第二个元素(无论它是否具有 active-news 样式):

.news:nth-child(2) {
  color: #1db954;
}