这个css同级选择器是如何工作的？

我找到了这段css代码，但需要更好地理解它：

.tes>li:not（模板）~:not（模板）{
颜色：红色；
}

一,
二,
三,
四,
五,

.tes>li:not（模板）~:not（模板）{ 颜色：红色； }

.tes>li:not（template）

-在

.tes

中找到第一个

li

，它不是

模板

-不清楚

模板

是什么

：not（）
input:not（[type='checkbox']）
-这将计算所有不是复选框的输入类型

应该在其中包含一个选择器（就像您经常在css上使用它一样，即：
p:not（.lead）
或如上示例中所述。）

基本上就是说，从左侧匹配的同级元素开始，检索与右侧选择器匹配的所有同级元素

从您的演示中不清楚什么是
模板
，但您要求的是第一个
li
之后的所有类型的同级元素，但我猜，在您的示例中，它只是忽略了
：not（模板）
-因为没有匹配的
模板
正在检索第一个li的同级元素

例如这将实现相同的结果：


.tes>li~li{
颜色：红色；
}

一,
二,
三,
四,
五,
.tes>li:not（模板）~:not（模板）{
颜色：红色；
}

.tes>li:not（template）

-在

.tes

中找到第一个

li

，它不是

模板

-不清楚

模板

是什么

：not（）
input:not（[type='checkbox']）
-这将计算所有不是复选框的输入类型

应该在其中包含一个选择器（就像您经常在css上使用它一样，即：
p:not（.lead）
或如上示例中所述。）

基本上就是说，从左侧匹配的同级元素开始，检索与右侧选择器匹配的所有同级元素

从您的演示中不清楚什么是
模板
，但您要求的是第一个
li
之后的所有类型的同级元素，但我猜，在您的示例中，它只是忽略了
：not（模板）
-因为没有匹配的
模板
正在检索第一个li的同级元素

例如这将实现相同的结果：


.tes>li~li{
颜色：红色；
}

一,
二,
三,
四,
五,
感谢您的解释，但我仍然不明白
模板
是什么，它不会导致任何错误，这意味着
模板
是有效的选择器。这意味着它正在寻找不存在的
，因此所有不存在的
都将返回。感谢您的解释，但我仍然不明白
模板
是什么，它不会导致任何错误，这意味着
模板
是有效的选择器。这意味着它正在寻找不存在的
，因此所有不存在的
都将返回。