Question

同一个div上的课

<div class"myClass1 myClass2">

myClass1可以表现得像这样吗

.myClass1 .myClass2 {background:#ff0000}

在css？

Answer 1

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

.myClass1.myClass2 {background:#ff0000}

Answer 2

他们可以覆盖行为。

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

例如

.myClass1 .myClass2 {background:#ff0000}

如果嵌套在myClass2

中会影响div myClass1

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

你想要的是

.myClass1.myClass2 {background:#ff0000}

哪个适用于

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

这是OOCSS如何运作的基础。

Answer 3

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

但我确实认为在执行此操作时旧版浏览器存在问题。

Answer 4

你需要怀疑，.myClass1.myClass2 {background：#ff0000} 这将适用于具有这两个类的那些元素。

Answer 5

这将影响类如下 .myClass1 .myClass2 {background：#ff0000}

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

myClass1只会受到这些元素的影响

.myClass1{
}

Answer 6

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

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

css同一元素上的一个类可以影响另一个classe的行为吗？

6 个答案: