CSS-选择器13-:not

CSS选择器-系列文章

1、not选择器

:not(selector) 选择器匹配非指定元素/选择器的每个元素.

2、效果演示

源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css-选择器-not</title>
    <style type="text/css">
        #div:not(p){
            width: 100px;
            height: 20px;
            background: red;
        }
    </style>
</head>
<body>
    <div id="div">
        <p>p1</p>
        <div>p2</div>
        <p>p3</p>
        <p>p4</p>
    </div>
</body>
</html>

运行效果:


image.png

CSS选择器-系列文章
下一节 CSS 选择器14-Target

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,929评论 25 708
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,864评论 0 5
  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 880评论 0 1
  • 亲爱的阳阳: 这封信写给现在的你。 一个人至少拥有一个梦想,有一个理由去坚强。心若没有栖息的地方,到哪里都是在流浪...
    Lemonnon阅读 467评论 1 0
  • 女儿刚睡下,可能这会也就睡个半小时吧!所以来记录下今天女儿的表现! 对于橦橦的成长和任何大动作训练,我都是本着...
    橦妈咪的碎碎念阅读 338评论 0 0