<body>
<div class="ccm-page">
<div class="ads-top">
<div class="adsbygoogle"></div>
</div>
</div>
<div class="ttb-panel"><div>
</body>
如果存在adsbygoogle
类,如何将 CSS 分配给ttb-panel
div,如果该adsbygoogle
div 不存在,如何分配不同的 CSS?
不幸的是,如果不修改标记,您正在寻找的内容目前无法使用 CSS 实现。
最好的办法是在body
或div.ccm-page
上应用类,然后根据需要使用祖先选择器或相邻选择器。
下面是使用新 ad-supported
类的一些示例:
假设ad-supported
类被添加到 body
标记上,则
.ad-supported .ttb-panel {...}
或者,如果新类位于ttb-panel
div之前的相邻div
上,则
.ad-supported + ttb-panel {...}
目前,CSS 选择器只能检查祖先或兄弟姐妹。 我不知道有任何规范可以让您更深入地挖掘相邻的兄弟姐妹。