Question

<body>
     <div class="ccm-page">
          <div class="ads-top">
               <div class="adsbygoogle"></div>
          </div>
     </div>

     <div class="ttb-panel"><div>
</body>

如果ttb-panel类存在，如何将CSS分配给adsbygoogle div，如果不存在adsbygoogle div，如何分配不同的CSS？

Answer 1

不幸的是，在没有修改标记的情况下，目前无法使用CSS实现。

您最好的选择是在body或div.ccm-page上应用课程，然后根据需要使用祖先选择器或相邻选择器。

以下是使用新ad-supported类的一些示例：
假设在ad-supported标记上添加了body类，那么

.ad-supported .ttb-panel {...}

或者如果新类位于div div之前的相邻ttb-panel上，那么

.ad-supported + ttb-panel {...}

目前，CSS选择器只能检查祖先或兄弟姐妹。我不知道有任何规格允许你深入挖掘相邻的兄弟姐妹。

如果兄弟姐妹的孩子在场，则分配CSS

1 个答案: