如何将css规则仅应用于几个元素

Question

我有以下css条目

.plugins-updown .top-panel.plugin header {
    cursor: move;
}

这个css应用于我的网站中的许多标题元素。但是，在两个标题元素中，我希望将光标设为默认值。所以我只在这两个头元素中添加了一个新类，如下所示

<div class="top-panel plugin">
<header class="default-cursor">

</header>
</div>

.plugins-updown .top-panel.plugin header .default-cursor {
    cursor: default;
}

但是当我检查Chrome的开发工具时，我没有看到cursor:default被应用了。dev工具的inspect元素显示，两个特定的header元素包含.default-cursor类，但是没有应用css，并且光标显示为cursor:move as in other header元素。

谢谢

Answer 1

将.default-cursor选择器连接到其元素，如下所示：

.plugins-updown .top-panel.plugin header.default-cursor {
    cursor: default;
}

Answer 2

您在标头和游标默认类之间输入了空格。删除空格，并使用important应用css规则。它将完美地工作。