Question

例如，以下选择器表示有序列表OL的列表项LI唯一子项：

OL > LI:only-child

然而，下面的代表一个有序列表OL，它有一个独特的孩子，那个孩子是LI：

!OL > LI:only-child

这两个选择器表示的树结构是相同的，但选择器的主体不是。

我不明白这个不同你能举个例子吗

Answer 1

您的示例来自the W3C's draft。

区别在于规则适用的要素。

在第一种情况下，它是LI，因为默认情况下该规则适用于选择器的最后一个元素。

在第二种情况下，它是OL，其中包含!。

假设你有这种风格：

!OL > LI:only-child {
   background: yellow;
}

然后背景将应用于整个OL。