Html 如果ul项目包含li项目，如何将css应用于外部div

在呈现的HTML页面中有两个案例

案例1：

案例2：

---

在案例1中，如果ul元素包含li元素，我想将CSS应用于div。我不想要第二个案子的任何东西。我想要一个没有jQuery/JavaScript的纯CSS方法。

使用+和：empty伪类可以实现预期的行为，例如：

代码段演示：

* { 框大小：边框框； } 空+测试{ 背景：黑色； 颜色：白色； 填充物：5px； } A. B 在这里测试

---

此处测试使用+和：空伪类可以实现预期行为，例如：

代码段演示：

* { 框大小：边框框； } 空+测试{ 背景：黑色； 颜色：白色； 填充物：5px； } A. B 在这里测试 在这里测试除了用户的答案

有一个选择器：not:empty，用于在元素有子元素时将css应用于该元素

有关选择器的更多详细信息，请查看

* { 框大小：边框框； } ul：非：空+测试{ 背景：黑色； 颜色：白色； 填充物：5px； } A. B 在这里测试 在这里测试除了用户的答案

有一个选择器：not:empty，用于在元素有子元素时将css应用于该元素

有关选择器的更多详细信息，请查看

* { 框大小：边框框； } ul：非：空+测试{ 背景：黑色； 颜色：白色； 填充物：5px； } A. B 在这里测试

---

在这里测试使用这个版本的CSS是不可能的也许使用css4你可以通过使用JS来实现这一点。可能的重复我想将一个类应用到div这是什么意思？@BhuwanBhatt：意味着将样式应用到类测试中以防只有一个不可能使用这个版本的CSS可能使用css4你可以通过使用JS来实现这一点。可能的重复当然，我想将一个类应用于div，这是什么意思？@BhuwanBhatt:Means仅在一种情况下将样式应用于类测试

<ul>
  <li>A</li>
  <li>B</li>
</ul> 
<div class="test">Testing here</div>

<ul></ul>
<div class="test"></div>

ul:empty + .test