css排除多个元素 |纯css 导航选中高亮

首先，需要了解两个CSS选择器：`:not`和`,`。

1. 使用`:not`排除一个元素

选择器:not(要排除的元素){
样式
}

例如，大家想将整个页面除了标题以外的元素的文字颜色设为红色。可以写成：

*:not(h1){
color: red;
}

这里的`*`表示选择所有元素，`:not(h1)`表示排除所有`h1`元素。

2. 使用`,`选择多个元素

选择器1, 选择器2, 选择器3{
样式
}

例如，大家想将列表中的所有`li`元素和表格中的所有单元格元素的背景色设为灰色。可以写成：

li, td{
background-color: gray;
}

3. 综合应用

如果大家想排除某些元素，并选择其他元素同时应用样式，可以将`:not`和`,`结合使用。例如，大家想排除表格中的第一行和第一列，将所有单元格的文字颜色设为蓝色。可以写成：

table td:not(:first-child):not(:first-of-type) {
color: blue;
}

这里的`:not(:first-child)`表示排除所有第一列的单元格，`:not(:first-of-type)`表示排除所有第一行的单元格。

以上就是CSS排除多个元素的方法，希望对大家有所帮助。