CSS3 target伪类和not伪类.html

最新推荐文章于 2024-08-18 23:12:09 发布

原创最新推荐文章于 2024-08-18 23:12:09 发布 · 529 阅读

1 ·

CC 4.0 BY-SA版权

本文通过一个简单的HTML页面示例介绍了CSS中两种特定的选择器：否定选择器和目标伪类选择器。这两种选择器分别用于排除特定类的元素和匹配命名锚点的目标元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        /*selector1:not(selector2)符合selector1，不符合selector2*/
        div:not(.diaosi) {
            height: 30px;/*pixel picture element*/
            background-color: blueviolet;
        }
        /*selector:target匹配符合selector，并且必须是命名锚点目标的元素*/
        a:target {
            background-color: cornflowerblue;
        }
    </style>
</head>
<body>
    <div class="diaosi">我叫李瑞琦</div>
    <div>我叫汪峰</div>
    <hr/>
    <a name="cba">cba</a>
    <a name="abc">abc</a>
    <a href="#abc">点击</a>
</body>
</html>