Html 如果我只针对某个div的类，那么CSS display none不能在该div上工作

我有两个

div

包含引号

    <div class="fas fa-quote-left fa-quote"></div>
    <div class="fas fa-quote-right fa-quote"></div>

上述方法无效。
但是，当我在

.fa quote

前面添加

div

时，它成功了
像这样：

@media (max-width: 767.98px) {
    div .fa-quote {
        display: none;
    }
}

我想知道这里发生了什么。有什么区别？

---

提前感谢。

不同之处在于css的特定级别足以进行其他类声明和相同级别的最后一次声明

因此，如果您的css代码继续执行第一个，其中一个表示display:none，而另一个表示display:block，那么它将使用上次读取的值

除非你的定义更具体。你针对一个类的目标越明确，它的效果就越明显

您也可以使用display:none！重要的是要确保您的定义获得更高的优先级。但是，请注意这一点，因为这可能会导致难以跟踪/读取css代码

@media (max-width: 767.98px) {
    div .fa-quote {
        display: none;
    }
}