首页 > Web开发 > 详细

css-目标伪类选择器:target的应用

时间:2019-11-19 20:30:30      阅读:99      评论:0      收藏:0      [点我收藏+]

  目标伪类选择器:target是众多CSS3众多伪类选择器中的一个,用来匹配锚点指向的元素,突出显示活动的HTML锚。

    <style>
        p:target{
            border: 2px solid black;
            background: red;
        }
    </style>
<body>
    <p>
        <a href="#nei1">指向内容一</a><br>
    </p>
    <p>
        <a href="#nei2">指向内容二</a>
    </p>

   <p id="nei1">这是内容一</p>
   <p id="nei2">这是内容二</p>

</body>

 

该类选择器是动态选择器,只有在该选择器以指向元素时,才能使用。

技术分享图片

  当点击"指向内容一"时,"这是内容一"的样式表会改变。

当选择器前面不写任何标签时,则该选择器会覆盖所有具有此类属性的元素。

css-目标伪类选择器:target的应用

原文:https://www.cnblogs.com/bigharbour/p/11892079.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!