¿Cómo apuntar a elementos CSS específicos?

Quiero seleccionar un elemento específico para modificar sus propiedades (por ejemplo):

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

Pero luego me di cuenta de que se utiliza en todas partes en Discourse, no solo en el elemento del plugin que intentaba personalizar. Entonces, ¿cómo podría seleccionar esa etiqueta específica?

Sube en el árbol HTML y encuentra un padre con una clase única.

Luego, puedes agregar el padre a tu selector de la siguiente manera

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

También puedes agregar más clases de padres únicas de la siguiente manera

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

Si es necesario.

Lo mismo en SCSS se vería así

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

Esto debería eliminar la necesidad de usar !important

¡Gracias @Johani! ¡Acabas de enseñarme algo nuevo que me será muy útil!