CSS中的双类声明

CSS中的双类声明,css,duplicates,declaration,inline-code,Css,Duplicates,Declaration,Inline Code,因此,由于两组混乱的程序代码在可怕的Lovecraftian恐怖中发生冲突,对此我无能为力,我不得不处理这样一种情况:在相同的对象上有两个单独的CSS类声明。例如,我可能有一个最终结果,看起来像 <div class="my_class" class="cuthullus_child_class_that_overwrites_EVERYTHING"> ...something goes here, or so I have been told... </div> …

因此,由于两组混乱的程序代码在可怕的Lovecraftian恐怖中发生冲突,对此我无能为力,我不得不处理这样一种情况:在相同的对象上有两个单独的CSS类声明。例如,我可能有一个最终结果,看起来像

<div class="my_class" class="cuthullus_child_class_that_overwrites_EVERYTHING">
...something goes here, or so I have been told...
</div>

…有些事情发生了,或者我被告知。。。
我知道像这样有多个声明是不好的,但目前我对此无能为力。但是,我可以控制其中一个类的内容,以及它们出现的顺序

鉴于此,订单对显示/不显示的类有什么影响?一个会覆盖另一个吗?它会不会出错,我就没有课了?它们会像在同一个声明中一样合并吗?还是用它来摧毁邓威治和我所珍视的一切


编辑:更深入地看,div似乎会完全拒绝显示,但如果可能的话,我正试图找到解决方法。

为什么不这样使用:

<div class="my_class second_class third_class">
...something goes here, or so I have been told...
</div>

…有些事情发生了,或者我被告知。。。

这不适合你吗?!或者你正在努力实现其他目标?!

为什么不这样使用:

<div class="my_class second_class third_class">
...something goes here, or so I have been told...
</div>

…有些事情发生了,或者我被告知。。。

这不适合你吗?!或者你正在努力实现其他目标?!

为什么不这样使用:

<div class="my_class second_class third_class">
...something goes here, or so I have been told...
</div>

…有些事情发生了,或者我被告知。。。

这不适合你吗?!或者你正在努力实现其他目标?!

为什么不这样使用:

<div class="my_class second_class third_class">
...something goes here, or so I have been told...
</div>

…有些事情发生了,或者我被告知。。。

这不适合你吗?!或者你正在努力实现其他目标?!

你为什么不使用

<style>
.parent_class{
 margin:10px;
}

.parent_class.child_class{
margin:20px;
background:red;
}
</style>

<div class="parent_class child_class">
...something goes here, or so I have been told...
</div>

.parent_类{
利润率:10px;
}
.父类.子类{
利润率:20px;
背景:红色;
}
…有些事情发生了,或者我被告知。。。

为什么不直接使用

<style>
.parent_class{
 margin:10px;
}

.parent_class.child_class{
margin:20px;
background:red;
}
</style>

<div class="parent_class child_class">
...something goes here, or so I have been told...
</div>

.parent_类{
利润率:10px;
}
.父类.子类{
利润率:20px;
背景:红色;
}
…有些事情发生了,或者我被告知。。。

为什么不直接使用

<style>
.parent_class{
 margin:10px;
}

.parent_class.child_class{
margin:20px;
background:red;
}
</style>

<div class="parent_class child_class">
...something goes here, or so I have been told...
</div>

.parent_类{
利润率:10px;
}
.父类.子类{
利润率:20px;
背景:红色;
}
…有些事情发生了,或者我被告知。。。

为什么不直接使用

<style>
.parent_class{
 margin:10px;
}

.parent_class.child_class{
margin:20px;
background:red;
}
</style>

<div class="parent_class child_class">
...something goes here, or so I have been told...
</div>

.parent_类{
利润率:10px;
}
.父类.子类{
利润率:20px;
背景:红色;
}
…有些事情发生了,或者我被告知。。。

对一个元素使用重复的属性类在HTML中无效

这在需要使用多个类时有效:

<div class="firstClass secondClass"></div>

firstClass
将覆盖
secondClass
,因为它是在
secondClass

之后设置的,对一个元素使用重复的属性类在HTML中无效

这在需要使用多个类时有效:

<div class="firstClass secondClass"></div>

firstClass
将覆盖
secondClass
,因为它是在
secondClass

之后设置的,对一个元素使用重复的属性类在HTML中无效

这在需要使用多个类时有效:

<div class="firstClass secondClass"></div>

firstClass
将覆盖
secondClass
,因为它是在
secondClass

之后设置的,对一个元素使用重复的属性类在HTML中无效

这在需要使用多个类时有效:

<div class="firstClass secondClass"></div>

firstClass
将覆盖
secondClass
,因为它设置在
secondClass

之后。首先,您需要将所有类放在一个由单个空格分隔的“class”属性中,否则浏览器将只取第一个,即:

<div class="my_class cuthullus_child_class_that_overwrites_EVERYTHING">
...something goes here, or so I have been told...
</div>
颜色为蓝色。如果顺序相反,则颜色为红色。如果任何规则包含“!important”,则以该规则为准

此外,如果类中有不同的规则,则它们不会冲突,并且都将应用,即:

.my_class{
color: red;
}
.cuthullus_child_class_that_overwrites_EVERYTHING{
font-size: 36px;
}
颜色为红色,字体大小为36px


实际上,为单个对象声明多个类是很常见的,也没有问题;因为jQuery通常用于根据不同的事件添加/删除类。

首先,您需要将所有类放在一个由单个空格分隔的“class”属性中,否则浏览器将只使用第一个,即:

<div class="my_class cuthullus_child_class_that_overwrites_EVERYTHING">
...something goes here, or so I have been told...
</div>
颜色为蓝色。如果顺序相反,则颜色为红色。如果任何规则包含“!important”,则以该规则为准

此外,如果类中有不同的规则,则它们不会冲突,并且都将应用,即:

.my_class{
color: red;
}
.cuthullus_child_class_that_overwrites_EVERYTHING{
font-size: 36px;
}
颜色为红色,字体大小为36px


实际上,为单个对象声明多个类是很常见的,也没有问题;因为jQuery通常用于根据不同的事件添加/删除类。

首先,您需要将所有类放在一个由单个空格分隔的“class”属性中,否则浏览器将只使用第一个,即:

<div class="my_class cuthullus_child_class_that_overwrites_EVERYTHING">
...something goes here, or so I have been told...
</div>
颜色为蓝色。如果顺序相反,则颜色为红色。如果任何规则包含“!important”,则以该规则为准

此外,如果类中有不同的规则,则它们不会冲突,并且都将应用,即:

.my_class{
color: red;
}
.cuthullus_child_class_that_overwrites_EVERYTHING{
font-size: 36px;
}
颜色为红色,字体大小为36px


实际上,为单个对象声明多个类是很常见的,也没有问题;因为jQuery通常用于根据不同的事件添加/删除类。

首先,您需要将所有类放在一个由单个空格分隔的“class”属性中,否则浏览器将只使用第一个,即:

<div class="my_class cuthullus_child_class_that_overwrites_EVERYTHING">
...something goes here, or so I have been told...
</div>
颜色为蓝色。如果顺序相反,则颜色为红色。如果任何规则包含“!important”,则以该规则为准

此外,如果类中有不同的规则,则它们不会