Question

我有几个h2标签，我想要一些，具有相同的格式，但是具有不同的颜色

h2
{
    font: bold 20px "TitilliumMedium", "Trebuchet MS", Arial, sans-serif;
    color: #1f1d5b;
    padding-bottom: 5px;
    border-bottom: 1px solid #1f1d5b;
    margin-bottom: 20px;
}

.red h2
{
    color: #551111;
}

下面两个看起来完全一样吗？我做错什么了吗？我应该只在h2周围使用字体颜色标签吗？

  <h2>test</h2>
    <h2 class='red'>test2</h2>

Answer 1

写：

.red{color: #551111;}

.red h2表示具有子元素red的类h2的元素。

DEMO here.

Answer 2

您只能通过以下方式使用红色类定位h2标签：

h2.red {
  color: #551111;
}

在您当前的css定义中，您将使用类“red”定位元素内的h2标记，即：

<div class="red">
  <h2>Red Text</h2>
</h2>

Answer 3

应该是h2.red（它们之间没有空格），这意味着'H2 with class red'

CSS h2标签有不同的颜色和类？

3 个答案: