:is

This div has the class of red.

This div has the class of curvy.

This div has the class of purple.

I added the following CSS to make the above styles:


                    .section :is(.red) {
                        

                        color: red;
                        

                    }  
                    
 
                    .section :is(.curvy, .purple) {
                        

                        font-style: italic;
                        color: purple;
                        

                    }

Note that the purple div and the curvy div share each others properties. This is because .curvy and .purple are are passed together so if a div has either curvy or purple as their class it will get both properties assigned.

Back