Css 将样式应用于父块,具体取决于子块';s州

Css 将样式应用于父块,具体取决于子块';s州,css,hide,selector,parent-child,is-empty,Css,Hide,Selector,Parent Child,Is Empty,具有以下块结构: <div class="container"> <div class="title"></div> <div class="subject"></div> </div> 如果.container的子对象为空,是否可以隐藏(显示:无)? 谢谢 :如果元素没有节点,但您有节点,则可以使用emptypsuedo类。不过需要JS $(".container *") { if($.trim

具有以下块结构:

<div class="container">
    <div class="title"></div>
    <div class="subject"></div>
</div>

如果
.container
的子对象
为空,是否可以隐藏(显示:无)?

谢谢

:如果元素没有节点,但您有节点,则可以使用empty
psuedo类。不过需要JS

$(".container *") {
   if($.trim($(this).html()).length == 0 && $.trim($(this).text()).length == 0 ) {
     $(".container").css({ "display" : "none" });
   }
});

:如果元素没有节点,但您有节点,则可以使用空的
psuedo类。不过需要JS

$(".container *") {
   if($.trim($(this).html()).length == 0 && $.trim($(this).text()).length == 0 ) {
     $(".container").css({ "display" : "none" });
   }
});

我相信您必须使用javascript来实现这一点。在jQuery中:

$(".container").each( function() {
    if ( $(this).children('.subject').html() == '' ) {
           $(this).hide();
    }
} );

例如:

我相信您必须使用javascript来完成这项工作。在jQuery中:

$(".container").each( function() {
    if ( $(this).children('.subject').html() == '' ) {
           $(this).hide();
    }
} );

示例位于:

据我所知,目前在任何浏览器中都不可能使用纯CSS


如果您在项目中已经有jQuery依赖项,那么在中有一个jQuery插件polyfill用于即将到来的父选择器。

在我所知道的任何浏览器中,纯CSS目前都不可能


如果您在项目中已经有jQuery依赖项,那么在中有一个jQuery插件polyfill用于即将到来的父选择器。

好吧。。。你可以试着假装。。。使标题
位置:绝对
且对于容器集
溢出:隐藏容器本身只有在您将某些内容放入.subject标记时才可见。这样地:

嗯。。。你可以试着假装。。。使标题
位置:绝对
且对于容器集
溢出:隐藏容器本身只有在您将某些内容放入.subject标记时才可见。这样地:

不使用CSS,仅使用JSCSS仅用于样式设置,不用于验证和检查空内容。如果元素本身没有子元素,则可以使用空的伪选择器:
。容器:空{display:none}
。但是,这不适用于您的示例,因为它有子元素。不适用于CSS,仅适用于JSCSS仅用于样式设置,不用于验证和检查空内容。如果元素本身没有子元素,则可以使用空的伪选择器:
。容器:空{display:none}
。但是,这对您的示例不起作用,因为它有子对象。我将使用子对象而不是findi将使用子对象而不是find