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