Css 有空间和无空间伪类的不同行为

这个问题与CSS伪类有关。我指的是：例如，最后一个孩子，我想它也发生在所有其他伪类上

假设我有以下简单的HTML：

第1段

第2段

我添加了以下CSS：

body:最后一个孩子{
颜色：红色；
}

第1段

第2段

使用

body:last child

，您的目标是最后一个body（并且只有一个）。所以身体内的所有东西都会被染成红色

body:last child

无效

---

你要找的是

正文p：最后一个孩子

这是最后一段而不是最后一个正文

所以，只要这样做：

body p:last-child{
   color: red;
}

---

空格分隔css选择器工作的下一级元素。

1。无间距

body:最后一个孩子{
颜色：红色；
}

第1段

第2段

伪元素应始终在元素和冒号之间没有空格的情况下工作

正文p:最后一个子项{颜色：红色；}