我有这个html：
<p>
<span class="fancify">Parting is such sweet sorrow!</span><span> - Bill Rattleandrollspeer</span>
</p>
...以及这个 css（添加到 Site.css 的底部）：
.fancify {
font-size: 1.5em;
font-weight: 800;
font-family: Consolas, "Segoe UI", Calibri, sans-serif;
font-style: italic;
}
因此，我希望引用（“离别是如此甜蜜的悲伤！”）是斜体的，并且字体与引用者的名字（Bill Rattleandrollspeer）不同，因为它的 span 标签附加了类“fancify” 。当然应该看到该类，因为它出现的文件引用了使用 Site.css 文件的布局文件。
我现在犯了什么菜鸟错误？
UPDATE
我想问题可能是我在该文件中的此部分之后的 Site.css 中添加了新类：
/********************
* Mobile Styles *
********************/
@media only screen and (max-width: 850px) {
...但是我把它移到了上面，但它仍然无法工作，并且通过 F12 也看不到 |检查元素中是否有相关标签。
我将对 Site.css 的引用移至 bootstrap.css 文件下方，这确实改变了该文本的外观，但仍然没有斜体，并且在元素检查器中仍然看不到...
UPDATE 2
HTML 的生成方式如下：
<p>
<span>
<label class="fancify">Parting is such sweet sorrow!</label>
...这是我在 Site.css 中的 css 规则：
p span label .fancify {
font-size: 1.5em;
font-weight: 800;
font-family: Consolas, "Segoe UI", Calibri, sans-serif;
font-style: italic;
display: inline;
}
……但它没有被识别。我认为这是违反 css/html 协议的，应该由某个世界机构来裁决。话又说回来，我可能在某个地方犯了一些愚蠢的错误。
