您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

是否有CSS“ haschildren”选择器?

是否有CSS“ haschildren”选择器?

甚至文本节点也将导致父节点不被认为是空的,因此DIV中的UL将阻止DIV被匹配。

<h1>Original</h1>
<div><ul><li>An item</li></ul></div>

<h1>No Children - Match</h1>
<div></div>

<h1>Has a Child - No Match</h1>
<div><ul></ul></div>

<h1>Has Text - No Match</h1>
<div>text</div>

DIV {
 background-color: red;
 height: 20px;    
}

DIV:empty {
 background-color: green;
}

如果您执行脚本路线:

// pure JS solution
?var divs = document.getElementsByTagName("div");
for( var i = 0; i < divs.length; i++ ){
    if( divs[i].childNodes.length == 0 ){ // or whatever condition makes sense
        divs[i].style.display = "none";
    }        
}?

当然,jQuery使这样的任务变得更容易,但是这一任务不足以包含整个库。

CSS 2022/1/1 18:24:38 有310人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶