0

同一个 div 上的类

<div class"myClass1 myClass2">

可以myClass1这样表现

.myClass1 .myClass2 {background:#ff0000}

在 CSS 中？

4

6 回答 6

1

是的，您可以根据需要使用（多个）任意数量的类，但语法没有任何空格：

.myClass1.myClass2 {background:#ff0000}
于 2012-11-30T16:17:29.397 回答
1

它们可以覆盖行为。

在您的示例中，您实际上指定了一个子选择器。

例如

.myClass1 .myClass2 {background:#ff0000}

myClass2如果嵌套在其中会影响 divmyClass1

<div class"myClass1"> 
    <div class"myClass2"> 
    </div>
</div>

你想要的是

.myClass1.myClass2 {background:#ff0000}

哪个可以使用

<div class"myClass1 myClass2"> 
</div>

这是 OOCSS 工作原理的基础。

于 2012-11-30T16:18:21.537 回答
0

您可以像这样连接类 , .myClass1.myClass2，省去两者之间的差距。在您的情况下，这不是级联。

但是，我确实相信旧浏览器在执行此操作时会出现问题。

于 2012-11-30T16:16:46.340 回答
0

您需要 wright,.myClass1.myClass2 {background:#ff0000} 这将适用于同时具有此类的那些元素。

于 2012-11-30T16:17:46.603 回答
0

这将影响以下类 .myClass1 .myClass2 {background:#ff0000}

<div class="myClass1">
     <div class="myClass1">
     </div>
</div>

myClass1 只会受此类元素的影响

.myClass1{
}
于 2012-11-30T16:19:54.610 回答
0

我不完全清楚你在问什么，但如果你想根据元素是否有两个特定的类来设置元素的样式，你可以这样做：

.myClass1.myClass2 {
    background:#ff0000;
}

这将给出所有具有一类myClass1 和一类myClass1红色背景的元素，例如

<div class="myClass1">This won’t have a red background.</div>

<div class="myClass2">This won’t have a red background.</div>

<div class="myClass1 myClass2">This will have a red background.</div>

<div class="myClass1 myClass2 myClass3">This will have a red background.</div>
于 2012-11-30T16:20:09.003 回答