How can I use the not:() with 2 classes without warning?

Author Posts

1101blueli June 5, 2021 at 1:26 pm

Here I have a css suppose to be valid. But it shows warning. How should I do it properly?
.site-content .elementor-section-wrap > .elementor-section:not(.elementor-widget .elementor-section) {
margin-top: 1.5vmax;
}
https://ibb.co/4jMfBgv
https://ibb.co/kMpc2tb

Thanks

Sebastian June 6, 2021 at 2:17 pm

Thanks for reporting this. I’ve fixed it in version 6.3.6.9.

The validation rules for the code editor did not allow for space separated selectors in :not() definitions.

Once you’ve updated to 6.3.6.9, you may need to clear your browser cache in order for the false positive warnings to go away. This is due to the way the ACE web worker (syntax validator) is called.

Cheers,
Sebastian

1101blueli June 11, 2021 at 2:50 am

I see
How about some unknown property like this one?
https://ibb.co/nBXF8xw

Sebastian June 12, 2021 at 8:04 am

Sure, I can add aspect-ratio. Have you noticed warnings with any other valid CSS properties?

1101blueli June 12, 2021 at 8:17 am

I see. um..
padding-block-start:
padding-block-end:
padding-inline-start
padding-inline-end
margin-inline-start
margin-inline-end
margin-block-start:
margin-block-end:
and I use ‘unset’ quite a lot
e.g.
padding-top: unset;

Thanks

Sebastian June 14, 2021 at 9:41 am

Thanks for that. I’ve just released version 6.3.7.2 with new code editor validation rules to accommodate those properties. Let me know if you need any others 🙂

Cheers!
Sebastian

1101blueli June 14, 2021 at 1:57 pm

Great! Thanks!

Sebastian June 15, 2021 at 4:23 pm

thanks for the info……FE

You must login or register to reply to this topic.