注意：
目标伪类选择器是一个动态选择器，只有存在url指向该匹配元素时候，样式才会生效。
不使用js实现一个标签卡
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--:target 代表一个特殊的元素，这个元素的id是URI的片段标识符。--> <style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 300px; height: 200px; line-height: 200px; background: black; color: pink; text-align: center; display: none; } :target{ display: block; } </style> </head> <body> <a href="#div1">div1</a> <a href="#div2">div2</a> <a href="#div3">div3</a> <div id="div1"> div1 </div> <div id="div2"> div2 </div> <div id="div3"> div3 </div> </body> </html>
浙公网安备 33010602011771号