/* 并集运算 */ div, p { font-size: 16px; color: #333; } /* 交集运算 */ div.container >p { font-size: 18px; } /* 补集运算 */ :not(p) { color: red; }
在上面的例子中,大家使用了并集运算符(“,”符号)来将div元素和p元素共同选中,然后为它们设置了相同的字体大小和颜色。
接下来,大家使用交集运算符(“>”符号)来选中div元素下的所有p子元素,并为它们设置更大的字体大小。
最后,大家使用补集运算符(:not)来选中除p元素之外的所有元素,并为它们设置为红色。
总的来说,复合运算使得大家可以更加精确地选中元素并设置样式,并且可以大大减少样式表中的代码量。