0

次のようなコードを含むページがあります。

<div class="shop-main">
  <!-- CONTENT -->
</div>
<div class="social-tabs">
  <!-- CONTENT -->
</div>

モバイルでは、 を含むすべてのページで に変更social-tabsする必要があります。ただし、ご覧のとおり、ネストされていないため、次のように書くことはできません。display:none;shop-main

.shop-main .social-tabs{ 
   display:none;
}

class を含むページのみの css を変更するにはどうすればよいshop-mainですか?

注: 上記のメディア クエリは省略しましたが、次の範囲のデバイスをターゲットにしています。

@media (min-width:641px) and (max-width:980px){ /* CSS */  }

また、div をネストしたり、ページで他の div を使用したりすることもできません。

4

1 に答える 1

2

メディア クエリで兄弟セレクターを使用する必要があります。

.shop-main + .social-tabs { 
   display:none;
}
于 2013-02-11T20:02:45.197 に答える