使用CSS将字体颜色更改为文章?

时间:2019-05-30 21:17:14

标签: css

如何使用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;
}

1 个答案:

答案 0 :(得分:0)

如果样式的类名用于同一元素,则需要直接将它们的类名与点连接起来。

.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;
}