CSS :target选择器，匹配活动id锚目标元素
:target选择器
链接标签当中有一个target属性，用于链接的地址以哪一种方法打开。但是，:target选择器匹配获取的元素好像与这个target属性没什么关系。:target选择器一般用于匹配ID锚指向的活动的目标元素。其中，目标元素指的是url属性值带有“#”的链接元素指向文档内的某个具体的元素。然后，当链接被点击产生跳转的时候，目标元素就成了活动的目标元素，就此被:target选择器匹配获取。
语法
:target{样式设置}
:target选择器实例代码，及在线编辑器
<a href='#xyz'>跳转至段落1</a>
<p><a href='https://www.x1y1z1.com/css/root.html'>不设置ID锚</a></p>
<p id='xyz'>段落1</p>
<style>
:target{color:skyblue;}
</style>
实例代码提示
如上代码，当点击在线编辑器运行之后，右侧的输出栏当中并没有显示出“该有的”样式，实则不然，可以尝试点击一下href='#xyz'的链接，然后看看其目标元素的样式的变化。