如果ul项包含li项，如何将css应用于外部div
如果ul项包含li项，如何将css应用于外部div
提问于 2018-01-04 07:31:56
在我呈现的HTML页面中有两种情况。
案例1:
<ul>
<li>A</li>
<li>B</li>
</ul>
<div class="test">Testing here</div>案例2:
<ul></ul>
<div class="test"></div>在案例1中，如果CSS元素包含li元素，我希望将ul应用于ul)。对于第二种情况，我不想要任何东西，我想要一种没有jQuery/JavaScript的纯CSS方法。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-01-04 08:04:41
除了UncaughtTypeError的答案。
如果元素有子元素，则有一个选择器:not(:empty)用于将css应用于元素。
有关选择器的详细信息，请查看*否(：空)。
* {
box-sizing: border-box;
}
ul:not(:empty) + .test {
background: black;
color: white;
padding: 5px;
}<ul>
<li>A</li>
<li>B</li>
</ul>
<div class="test">Testing here</div>
<ul></ul>
<div class="test">Testing here</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48090629
复制相关文章
相似问题
腾讯云开发者
