纯【CSS】实现选项卡功能,目标伪类选择器target

哈哈，没有自己写过博客，今天学了选项卡就想记录一下，发一篇小小的博客，如有不妥之处，望留言指正。
伪类与微元素选择器：
（伪类与伪元素的出现时为了获取DOM树之外的节点信息)
1.链接伪类：
：link 表示作为超链接，并指向一个未访问的地址的所有锚
：visited 表示作为超链接，并指向一个已访问的地址的所有锚
：target 代表一个特殊的元素，它的id是URI的片段标识符
注意：link ： visited ：target是作用于链接元素的！
隐私与：visited选择器
只有下列属性才能用用到已访问链接：
color
background-solor
border-color

选项卡
css

篮球 羽毛球 足球

篮球

羽毛球

足球

效果图 当点击篮球选项会切换出篮球 当点击羽毛球选项会切换出羽毛球 当点击足球选项会切换出足球  2.动态伪类 ：hover 表示悬浮到元素伤 ：active 表示匹配被用户激活的元素（点击按住时）