如何使用跨度标签将类应用于标题标题答案

【问题标题】：How to apply class to header title with span tags如何使用跨度标签将类应用于标题标题
【发布时间】：2021-03-23 14:57:27
【问题描述】：

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

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

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

.test{
    color:aqua
}

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

感谢您的帮助；）

【问题讨论】：

您确定要在标题之前导入包含该类的 CSS 文件吗？
你指的是哪个标题？如果我将该代码放在 sn-p 中，“Le Zen”部分会变成浅绿色。请分享更多代码。此外，如果您希望整个标题变成水色，您可能需要考虑将 css 添加到 h1 属性，而不是 span
哎呀！我发现了我可怕的错误！！！谢谢雷切尔！我确实将标题部分中的与 <h1> 标签混合在一起。因此，在简历中，我尝试将样式放在标题而不是标题中。学习新事物的乐趣。</h1>

【解决方案1】：

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

h1 > span.test { color:aqua }

甚至

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

【讨论】：

【解决方案2】：

在这里工作https://jsfiddle.net/z8xf56u4/

检查你的拼写可能是它。如果不是你可以在这里复制两个文件，我会检查是否有问题

【讨论】：