CSS - 如何使用CSS覆盖？

Question

我只想更改标题文字的颜色，我不知道为什么以下代码不起作用？

<div class="mytitle">
this is the title in white
</div>

<div class="mytitle alt">
this is the title in red
</div>
<div class="mytitle alt2">
this is the title in black
</div>




.mytitle{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 37px !important;
    line-height: 40px !important;
    display:block;
    font-weight: bold;
    margin: 0 0 12px;
    padding: 0 15px 5px 0 !important;
    color: white;
    width:500px;
}
.mytitle .alt{
    color: red;
}
.mytitle .alt2{
    color: black;
}

编辑：它只会使用“我的标题”标签，它不会使用alt或alt 2，为什么？

Answer 1

您需要删除类定义之间的空格：

.mytitle.alt

Answer 2

简单删除.mytitle

.alt{  color: red;}       
.alt2{ color: black;}   

你将获得所有alt / alt2颜色，或

.mytitle.alt{ color: red; }       
.mytitle.alt2{ color: black;}  

两者在一起。