CSS类 - H2样式没有显示

Question

我的.css文件中有这个：

h2.spielbox {
    margin-bottom:80px;
    color:#f00;
}

a.spielbox {
    text-decoration:none;
    background-color:#aff;
}

但是在我的html文件中，h2样式没有显示，而a风格的作品是：

<div class="spielbox" style="float:left;width:320px"><h2>Testberichte</h2>

似乎我对CSS一无所知？

Answer 1

这是因为您已将该类应用于div。这样做：

<h2 class="spielbox">Testberichte</h2>

或者，如果你想把它留在div中，你可以这样做：

.spielbox h2 {
    margin-bottom:80px;
    color:#f00;
}

• h2.spielbox将h2元素与类spielbox
匹配
• .spielbox h2匹配任何元素h2
中的spielbox个元素

Answer 2

您已为h2设置了spielbox类，因此您需要在h2中输入

<h2 class="spielbox">...</h2>