特定の 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 さん、ありがとうございます！とても役に立つ新しいことを教えていただきました！