CSS Selector for div with class ::before [duplicate]

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!

Yes I have tried it without a space before "::before" and that has no effect. — Mike Cooper
– Mike Cooper, Commented May 20, 2020 at 17:45

Shraddha · Accepted Answer · 2020-05-20 05:02:03Z

1

This should work..

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

Please, remove space and try..

answered May 20, 2020 at 5:02

Shraddha

9048 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

I have tried without the space before "::before" and that has no effect.