如果存在兄弟姐妹的孩子,则分配 CSS


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

如果存在adsbygoogle类,如何将 CSS 分配给ttb-paneldiv,如果该adsbygooglediv 不存在,如何分配不同的 CSS?

不幸的是,如果不修改标记,您正在寻找的内容目前无法使用 CSS 实现

最好的办法是在bodydiv.ccm-page上应用类,然后根据需要使用祖先选择器或相邻选择器。

下面是使用新 ad-supported 类的一些示例:
假设ad-supported类被添加到 body 标记上,则

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

或者,如果新类位于ttb-paneldiv之前的相邻div上,则

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

目前,CSS 选择器只能检查祖先或兄弟姐妹。 我不知道有任何规范可以让您更深入地挖掘相邻的兄弟姐妹。

最新更新