如何将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的开发工具时，我看不到光标：默认应用。 dev工具的inspect元素显示两个特定的头元素具有.default-cursor类作为其一部分，但是不应用css并且光标显示为cursor：move，就像在其他头元素中一样。

由于

Answer 1

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

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

Answer 2

您已在标头和游标默认类之间输入空格。删除空格并应用重要的css规则。它会完美地运作。