CSS Selector for div with class ::before

Question

I have a Vaadin 14 app which creates an HTML page that contains multiple "

Screenshot from Chrome shows the relevant page section:

I've tried this with and without the "::before":

.vaadin-button-container ::before {
    justify-content: left !important;
}

I have also tried

.vaadin-button-container::before {
    justify-content: left !important;
}

According to Chrome dev mode this style is never applied to the vaadin-button-container.

This css selector stuff is driving me nuts!

Could you please check [THIS](https://stackoverflow.com/questions/492786/css-selector-for-selecting-an-element-that-comes-before-another-element)? — Shawn Xiao, May 20 '20 at 02:23
Yes I have tried it without a space before "::before" and that has no effect. — Mike Cooper, May 20 '20 at 17:45

score 1 · Answer 1 · answered May 20 '20 at 05:02

1

This should work..

.vaadin-button-container::before { 
justify-content: flex-start; }

Please, remove space and try..

answered May 20 '20 at 05:02

Shraddha

I have tried without the space before "::before" and that has no effect. – Mike Cooper May 20 '20 at 17:43

1 Answers1