Question

有人可以解释下面的CSS代码：

html:not([dir="rtl"]){
    //some CSS property
}

Answer 1

html:not([dir="rtl"])

让我们分解吧！

html

选择所有html元素（最有可能只有一个）...

:not( ... )

......做not ...

[dir="rtl"]

...将attribute dir设置为"rtl"。

因此，总结一下，它会选择不将html设置为dir的所有"rtl"元素。例如：

<html>  <!-- Would match! -->

<html lang="en">  <!-- Would match! -->

<html dir>  <!-- Would match! -->

<html dir="ltr">  <!-- Would match! -->

<html dir="rtl">  <!-- Would NOT match! -->

Answer 2

它会选择不具有值为html的属性dir的所有rtl代码。

每个部分：

选择html标记：html

选择反向：:not()

选择具有特定值的属性：[attribute="value"]

Answer 3

那是:not()伪类，内部是属性选择器，因此如果它没有html属性，它将选择dir="rtl"，该属性是从右到左设置的文本方向。

CSS选择器需要澄清

3 个答案:

每个部分：