空选择器

语法格式是E:empty，是选择那些元素不含子元素或者文本的元素

<h3>welcome</h3>
<h3></h3>

上面的html代码里面有两个h3元素，第二个是空的没有任何内容

css代码如下

<style>
h3:empty{
			color:red;
			width:100px;
			height:100px;
			border-color: red;
			border-width: 1px;
			border-style: solid;
		}
</style>

效果如下图

可以看到第一个h3里面的welcome没有被设置任何样式

否定选择器

语法格式：E:not()，这里表示选择不是某个指定的元素

比如

<div>div1</div>
<div>div2</div>
<div>div3</div>

如果要选择除了第一个，剩余两个div，字体设置为红色，css代码如下

<style>
div:not(:first-of-type) {
			color:red;
		}
</style>

效果如下

根部选择器，和html效果一直

语法为:root

同级选择器，语法格式是E~F，是选择同级的E元素后面的F元素

比如

	<span>aaa</span>
	<p>bbb</p>

如果要选择span后面的p元素,并设置字体为绿色

css代码是

<style>
span~p {
			color:green;
		}
</style>

锚点选择器

语法格式是

:target，选择当前活动的锚点