Twitter bootstrap 引导-使用可视电话更改CSS不工作

CSS nob正在查看引导

我假设的课程有.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>

丑陋的颜色{color:red；}
.可见桌面.难看的颜色{颜色：绿色；}
我看到这段文字了
为什么这是红色而不是绿色

有人知道.visible桌面应用于何处吗？就像是身体标签一样，丑陋的颜色就会出现在里面。可见桌面

---

感谢所有的意见。谢谢

因为你的.visible desktop.丑陋的颜色意味着彼此之间有两个元素，如下所示：

.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>

丑陋的颜色{color:red；}
.可见桌面.难看的颜色{颜色：绿色；}
我看到这段文字了
这是红色的
为什么是红色而不是绿色

CSS中选择器之间的空格表示第二个选择器位于第一个选择器内。因此，选择

.visible desktop.aughous color

的CSS规则只有在

.aughous color

位于

.visible desktop

内时才会触发。要选择具有这两个类的类，请删除空格：

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

详细介绍CSS选择器语法，以防您需要更多选项。

您需要的是：

.ugly-color {color: red;}

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