SCSS: How to select "::before" which have sibling with a specific class

Asked Jul 16 '18 at 10:15

Active Jul 16 '18 at 10:15

Viewed 25 times

I have been trying to select a ::before element inside a div which have a sibling which specific class name (trumbowyg-link-button).

Here, how it look like:

What I've tried

.trumbowyg-button-group > button.trumbowyg-link-button {
  &:before {
    content: none !important;
  }
}

But unfortunate it's not working. Any help would be appreciable.

asked Jul 16 '18 at 10:15

rony36

you cannot as you have to select the parent element of the pseudo element – Temani Afif Jul 16 '18 at 10:17
You can't do this. The `::before` pseudo-element belongs to the parent element. – Quentin Jul 16 '18 at 10:18
And even if that wasn’t the issue, it would still the wrong way around - if you have ` `, then you can select `b` based on that it is a sibling of the `a` before it, but you can’t select `a` based on that it is followed by `b`. – CBroe Jul 16 '18 at 10:19
any workaround? @Quentin – rony36 Jul 16 '18 at 10:20
@rony36 — Add a class to the element. – Quentin Jul 16 '18 at 10:20
yeah I thought that at the first place. but it's a plugin `trumbowyg` quite difficult (or I don't know how to) to add class to the element :( @Quentin – rony36 Jul 16 '18 at 10:22
Anyways, thanks everyone, to confirm me that "It's not possible" :) – rony36 Jul 16 '18 at 10:25

0 Answers0