Css3下课

Question

如何在课堂下使用css3选择器？

<div>
     <span>Example Text</span>
</div>

我使用div:not(span)但是没有工作。（我认为不支持div类）任何人都有想法？

Answer 1

使用div > span { ... }来解决直接子元素（中间不包含其他图层），div span { ... }以及{em> <span> <内的所有 <div>元素/ p>

Answer 2

这是一个有效的例子：

＆＃13;

＆＃13;

.test {
  background: black;
  height: 200px;
  width: 200px;
}

.test:empty {
  background: lime;
}

＆＃13;

<div class="test"><!-- I will be lime --></div>
<div class="test">I will be red</div>
<div class="test">
    <!-- SHould be black around here -->
</div>

＆＃13;

＆＃13;

＆＃13;

参考： android-butterknife

非常好的资源库： kotlin-examples

Answer 3

我相信您可以使用:empty psudo类（MDN Docs）来选择不包含其他元素的div。在您的情况下，div:empty将选择不包含span元素的div元素（或任何其他元素，或文本，或空格）。它可能不完全是你所需要的，但这是我所知道的。