:target是什么？
MDN是这样描述的：:target
The :target pseudo-class represents the unique element, if any, with an id matching the fragment identifier of the URI of the document.
在document中，可以设置锚链接，举个例子：
CSS Code复制内容到剪贴板- "#tab">Test :target
- "#tab2">Test 2:target
- "tab">This is a tab.
- "tab2">This is another tab.
上面存在两个锚链接：#tab和t#ab2。当点击锚链接时，就会跳到对应的div，则::target就是给这些div用的。添加一下CSS
CSS Code复制内容到剪贴板- :target{
- color:red;
- }
- #tab:target::after{
- content:"tab1"
- }
点击锚链接，对应链接的div的文本变成红色，另外，给#tab后面插入一个文本。
效果猛戳：https://jsfiddle.net/dwqs/cL8rawov/
应该大致明白了:target的含义了吧~
:target可以做什么
最简单的用处：利用:target实现选项卡切换。
HTML：
XML/HTML Code复制内容到剪贴板
