html - CSS 类似乎不存在

Question

我已经放弃了几个月。CSS 类“细节”不起作用，我不知道为什么。

代码

 .characteristic-product-comparator {
        font-size:18px;
        font-weight:bold;
        margin-bottom:15px;
        padding-bottom:20px;
        border-bottom:1px #211E33 solid;
    }
     div.characteristic-product-comparator .specifics {
        font-weight:normal !important;
        font-size:16px;
    }

    <div class="characteristic-product-comparator">
    <p>Résolution<br> <span class="specifics">2160p</span></p>
    <p>Micro<br> <span class="specifics">Oui</span></p>
    <p>Caractéristiques<br> <span class="specifics">Zoom HD X5, Windows Hello, HDR, enregistrement 4K, suppression arrière plan.</span></p>
    </div>

• 我试图在 CSS 文件中更具体，例如：div.characteristic-product-comarator p span.specifics但它没有用。

• 我还尝试通过 .bobby 重命名 .specifics ，但它也不起作用。

另一方面，这个类：

.characteristic-product-comparator

工作正常。

span class="specifics"似乎没有继承类......为什么“.specifics”对 HTML 没有任何影响？

PS：我在WordPress上，我正在使用Divi。我不知道 Divi CSS 文件是否可以链接到这个问题。

非常感谢。

标签： htmlcss

Answer 1

“特殊”处的特殊字符使 CSS 不起作用。我对这个发现感到惊讶和好笑：>>

 .characteristic-product-comparator {
        font-size:18px;
        font-weight:bold;
        margin-bottom:15px;
        padding-bottom:20px;
        border-bottom:1px #211E33 solid;
    }
     div.characteristic-product-comparator .specifics {
        font-weight:normal !important;
        font-size:16px;
    }

    <div class="characteristic-product-comparator">
    <p>Résolution<br> <span class="specifics">2160p</span></p>
    <p>Micro<br> <span class="specifics">Oui</span></p>
    <p>Caractéristiques<br> <span class="specifics">Zoom HD X5, Windows Hello, HDR, enregistrement 4K, suppression arrière plan.</span></p>
    </div>