Selector - Logical Pseudo-Class

About

Logical Pseudo-class are:

• :matches ¹⁾
• :not
• :has
• :is

that return a boolean value (ie logical). They are predicate expression.

Example

Example of a selector when the element has the class fade but not the class show, the opacity will be 0

.fade:not(.show) {
    opacity: 0;
}