/* 例子1:选择所有除了class为box的元素 */ :not(.box) { /* 样式 */ } /* 例子2:选择所有除了指定类别的元素 */ :not(.classA):not(.classB) { /* 样式 */ } /* 例子3:选择所有除了指定元素的子元素 */ .parent:not(.child) { /* 样式 */ }
通过使用not关键字,可以更加精确地选择需要改变样式的元素,并且可以避免不必要的代码重复。但需要注意的是,not选择器会增加页面渲染的负担,因此需要谨慎使用。
除了not关键字,CSS3还提供了许多有趣的选择器,如:伪类选择器、属性选择器、媒体查询选择器等等,可以用于实现更加灵活的样式控制。