html - 如何使用跨度标签将类应用于标题标题

Question

我的标题部分中有这个标题：

 <header>
     <div class="container">
         <div>
             <h1>Salon <span class="test">Le Zen</span></h1>
         </div>

在我的css文件中，我有这个：

.test{
    color:aqua
}

这个类适用于我的 HTML 文件的正文部分中的 div 标签，但适用于我的标题（在同一个 HTML 文件中）......什么都没有！:(

感谢您的帮助；）

标签： htmlcsscss-selectors

Answer 1

您可能会尝试使用具有更高特异性的选择器，例如

h1 > span.test { color:aqua }

甚至

.container h1 > span.test { color:aqua }