css - 如何仅将 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 被应用。开发工具的检查元素显示这两个特定的标题元素具有 .default-cursor 类作为其中的一部分，但未应用 css 并且光标显示为 cursor:move 与其他标题元素一样。

谢谢

Answer 1

将 .default-cursor 选择器连接到它的元素，如下所示:

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