.class中的CSS h1-h3颜色

时间:2016-12-20 20:58:06

标签: css css3 css-selectors

我的代码是

   .simple-text h2 {color:red;}
   .simple-text h3 {color:red;}
   .simple-text h4 {color:red;}

<div class="simple-text">
 <h1>Header 1</h1>
 <h2>Header 2</h2>
 <h3>Header 3</h3>
</div>

如何写短css?

      .simple-text h1,h2,h3 {color:red;}

不要工作

我需要DIV中的所有标题和课程#34;简单文字&#34;是红色的

4 个答案:

答案 0 :(得分:2)

使用简单的CSS,您仅限于:

&#13;
&#13;
<div class="simple-text">
  <h1>Header 1</h1>
  <h2>Header 2</h2>
  <h3>Header 3</h3>
</div>
&#13;
HKWorkout
&#13;
&#13;
&#13;

答案 1 :(得分:1)

你试过这个吗?

.simple-text h1,.simple-text h2,.simple-text h3 {color:red;}

答案 2 :(得分:0)

我担心没有&#34;短&#34;在纯CSS中执行此操作的方法。我建议你查看一下。它是一个CSS预处理器,它只是添加了这种东西。在LESS中,您可以执行以下操作:

.simple-text
{
  h1,h2,h3,h4,h5,h6
  {
    color:red;
  }
}

在LESS还有更多。还有像SASS这样的其他预处理器。我建议做好功课,这样可以节省很多时间。

答案 3 :(得分:-1)

在.simple-text css类

中移动标题
c=fgetc(f1);
while(c!=EOF)
{

    if(c=='s')
    {
        fprintf(f1,"c");
    }
    c=fgetc(f1);
}
编辑:我误解了这个问题。这是SASS。