YouKnowNothing也许标题有点夸张。虽然不能保证每个人都不知道这些,但这也是一个检验你是否知道或使用以下内容的好机会。SelectorsRoot:root{}使用root可以选择DOM中的第一级父元素。如果您正在编写HTML,那么htnl元素总是最好的。因为伪类选择器对目标元素有更高的特异性,你可以用:root覆盖元素。使用:root改变背景颜色FirstLine::first-line选择器可以让你选择段落的第一行,当然还有其他的选择器可以让你选择第一段,但是使用这个方法,你可设计**行样式,设计空间更大。一个更令人惊讶的特性是,这个选择器可以被覆盖。很酷,不是吗?更改段落的第一行元素FirstLetter::first-letter与上面的非常相似,这个选择器允许我们选择块级元素的第一个字母。这使得我们设计首字下沉非常方便快捷。::first-letterdropcapeffectNotSelector:not(x):not(x)当你没有指定目标元素时,选择器选择它。以下示例将向您解释。ListItemListItemListItemListItem不使用“active”,也可以全选,只需要如下代码:ulli:not(.active){}这个方法添加导航元素很方便,看上面的例子就知道了。使用:not()选择所有没有activeCombinators直接相邻选择器span+span的列出元素从技术上讲,这不是一个选择器,但可以将两个选择器放在一起。使用“+”,可以直接选中元素,将另一个放在后面。这是一个示例:LoremipsumblahblahLoremipsumblahblahLoremipsumblahblahblah使用以下CSS:blockquote+p{font-weight:bold;}第二个元素将是粗体。在引用的元素之后使用相邻的选择器GeneralSiblingCombinator。常见的相邻选择器图~p{}用的是你设计的页面层级,就这样。例如,使用上面的代码,只有图形元素之后的段落元素受到影响。使用普通的相邻选择器选择所有段落
