Compound pseudo selectors don't work

I need to target the :first-of-type::before or :first-child::before and it’s not working in Bricks even though it works with CSS. This is on a class (haven’t tried ID).

Screen Shot 2022-08-20 at 9.01.31 AM

43 Likes

Hey Kevin,

Just adding to this, it seems it work in terms of being added to the page CSS. Just some don’t appear inside the builder.

For eg, :first-of-type:hover is added fine, and also is visible inside the builder.

The example above, :first-of-type::before is added to the page CSS, and is visible on the front end, but just not inside the builder.

update - there’s definitely some that don’t work through, eg :not(:first-child):hover doesn’t get added to the CSS at all.

2 Likes

Ah, thanks for the pointing that out!

@thomas It was also be nice if this area supported more advanced selectors such as direct child selectors > *

Currently it forces a hyphen which breaks this type of functionality.

4 Likes