相关疑难解决方法(0)

我最近在Chrome中发现了这个新功能:

我可以弄清楚选项1和选项3之间的区别,并且选项2可能介于两者之间,但我无法在任何地方找到更精确的信息.

有人知道3个选项中每个选项的确切行为吗？

我有这个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;
}

因此,我希望引用("Parting是如此甜蜜的悲伤!")用斜体字和不同于引号名称的字体(Bill Rattleandrollspeer),因为它的span标签附有"fancify"类.当然应该看到该类,因为它出现的文件引用了使用Site.css文件的布局文件.

我现在犯的是什么新手的错误？

UPDATE

我想也许问题是我在Site.css中添加了该文件后面的该部分:

/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

...但我把它移到那里,它仍然没有工作,并没有通过F12 |看到 检查有问题标签的元素.

我将引用移到了bootstrap.css文件下面的Site.css,这确实改变了该文本的外观,但仍然没有斜体,仍然没有在元素检查器中看到...

更新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; …