Question

我正在尝试给出here的Ace教程。如果这是我的HTML / CSS：

.codeElement {
    font-family: ..;
    font-size: ..;
}

<div id="editor" class="codeElement">..code..</div>

然后忽略font-family和font-size设置。但是，当我写这篇文章时：

#editor {
    font-family: ..;
    font-size: ..;
}

<div id="editor" class="codeElement">..code..</div>

有效。为什么会发生这种情况/我该如何解决？

Answer 1

Ace会添加css rule select_type table type possible_keys key key_len ref rows extra 1 SIMPLE s range PRIMARY,lastDate lastDate 4 NULL 291 Using index condition; Using temporary; Using filesort 1 SIMPLE r ref showID,type showID 5 thistle.s.id 1 Using where 1 SIMPLE p ref showID,minPrice showID 5 thistle.s.id 1 Using where，如果在您的样式表之后添加了规则，则会覆盖您的规则。

id的css规则具有更高的特异性，并且总是接管ace添加的规则。

作为一种变通方法，您可以使用.ace_editor { font: ... }或更具体的选择器，例如!important

为什么Ace编辑器不会将CSS类应用于div？

1 个答案: