如何定位特定的 CSS 元素？

[Denis_Heraud]

我想定位特定元素以修改其属性（例如）：

.d-button-label { display: none !important;}

但后来意识到该样式在 Discourse 中到处都在使用，而不仅仅是在我试图自定义的插件元素中。那么，我该如何定位那个特定的标签呢？

[Johani (Joe)]

向上遍历 HTML 树，找到一个具有唯一类名的父元素。

然后，您可以像这样将父元素添加到选择器中：

.parent-class .child-class {
  display: none;
}

如有需要，您还可以添加更多唯一的父类，例如：

.grandparent-class .parent-class .child-class {
  display: none;
}

在 SCSS 中，同样的写法如下：

.grandparent-class {
  .parent-class {
    .child-class {
      display: none;
    }
  }
}

这样通常就能避免使用 !important。

[Denis_Heraud]

谢谢你 @Johani！你刚刚教了我一个非常有用的新知识！