码迷,mamicode.com
首页 > Web开发 > 详细

:empty (Selectors) – CSS 中文开发手册

时间:2020-07-06 21:32:19      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:https   chrome   元素   play   tle   stat   class   section   div   

[
  • ??CSS 中文开发手册

    :empty (Selectors) - CSS 中文开发手册

    该:empty伪类代表没有子节点的所有元素。这里只考虑元素节点和文本(包括空格)。注释或处理指令不影响元素是否被认为是空的。

    /* Selects any <div> that contains no content */
    div:empty {
      background: lime;
    }

    语法

    :empty

    实例

    body {
      display: flex;
      justify-content: space-around;
    }
    
    .box {
      background: red;
      height: 100px;
      width: 100px;
    }
    
    .box:empty {
      background: lime;
    }
    <div class="box"><!-- I will be lime --></div>
    <div class="box">I will be red</div>
    <div class="box">
        <!-- I will be red because of the whitespace around this comment -->
    </div>

    规范

    Specification

    Status

    Comment

    Selectors Level 4The definition of ‘:empty‘ in that specification.

    Working Draft

    No change

    Selectors Level 3The definition of ‘:empty‘ in that specification.

    Recommendation

    Initial definition

    浏览器兼容性

    Feature

    Chrome

    Edge

    Firefox (Gecko)

    Internet Explorer

    Opera

    Safari

    Basic support

    1.0

    (Yes)

    1.0 (1.7 or earlier)

    9.0

    9.5

    3.1

    Feature

    Android

    Edge

    Firefox Mobile (Gecko)

    IE Mobile

    Opera Mobile

    Safari Mobile

    Basic support

    2.1

    (Yes)

    1.0 (1)

    9.5

    10.0

    3.1

  • ??CSS 中文开发手册
    ]
    转载请保留页面地址:https://www.breakyizhan.com/css/31213.html

    :empty (Selectors) – CSS 中文开发手册

    标签:https   chrome   元素   play   tle   stat   class   section   div   

    原文地址:https://www.cnblogs.com/breakyizhan/p/13257620.html

    (0)
    (0)
       
    举报
    评论 一句话评论(0
    登录后才能评论!
    © 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
    迷上了代码!