1

ブートストラップを見ている CSS ノブ...

.visible-phone、.visible-desktop などのクラスが body タグに適用されていると仮定しました。そうではないように思われるfirebugを調べます。

私がやろうとしているのは、.visible-xxxx に基づいて CSS 設定を変更することです。たとえば、次のようになります。

.ugly-color { color: red; }

.visible-desktop .ugly-color { color: green; }

<div class="visible-desktop">I see this text</div>

<div class="ugly-color">Why is this red and not green</div>

.visible-desktop が適用されている場所を知っている人はいますか? body タグであるかのように、ugly-color は .visible-desktop 内にあります。

すべての入力に感謝します。ありがとう！

4

3 に答える 3

1

.visible-desktop .ugly-color は、互いに 2 つの要素があることを意味するため、次のように機能します。 

.ugly-color {color: red;}

.visible-desktop .ugly-color {color: green;}


<div class="visible-desktop">I see this text</div>

<div class="ugly-color">This is red</div>

 <div class="visible-desktop">
        <div class="ugly-color">
            why is red, and not green
        </div>
 </div>
于 2013-08-28T15:33:15.980 に答える
0

あなたが望むものは：

.ugly-color {color: red;}

.visible-desktop + .ugly-color {color: green;}
于 2014-04-22T18:39:34.130 に答える