blocks|key|3835579|text|如果你有能力改变超文本标记语言的模板，你可以随时进入并添加一个<div+id="override">或者类似的东西到页面的最外层的包装器中，作为你的CSS类中的“主”规则。然后，在CSS中，您只需将该ID添加到任何现有类或需要修改的类之前。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3835580|例如，如果您具有以下内容并希望覆盖.ome-class：|3835581|<div+class="some-class">Bleh.</div>|code-block|syntax|javascript|3835582|和相应的CSS：|3835583|.some-class+{+color:+red;+}|3835584|您可以使用以下命令来包装整个内容：|3835585|<div+id="override">
++++<div+class="some-class">Bleh.</div>
</div>|3835586|并在.ome-class之前添加#override+(或您想给它命名的任何名称)，此规则将优先于其他规则：|3835587|#override+.some-class+{+color:+green;+}+/*+This+will+override+the+red+color+form+the+other+rule+*/
.some-class+{+color:+red;+}|3835588|entityMap^0|V|J|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|17|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|19|8|@]|D|@]|E|$]]|$1|W|3|X|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|Y|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|Z|$]]

If you have the ability to change the HTML templates, you can always go in and add a <code>&lt;div id="override"&gt;</code> or something like that to the outer most wrapper of the page to use as the "master" rule in your CSS classes. Then, in the CSS, you can just add that ID before any of the existing classes or ones that you need to modify.

For instance, if you have the following and want to override the .some-class:

<pre><code>&lt;div class="some-class"&gt;Bleh.&lt;/div&gt;
</code></pre>

And the corresponding CSS:

<pre><code>.some-class { color: red; }
</code></pre>

You can wrap the whole thing with:

<pre><code>&lt;div id="override"&gt;
 &lt;div class="some-class"&gt;Bleh.&lt;/div&gt;
&lt;/div&gt;
</code></pre>

And add the #override (or whatever you want to name it) before the .some-class and this rule will take precedence over the other:

<pre><code>#override .some-class { color: green; } /* This will override the red color form the other rule */
.some-class { color: red; }
</code></pre>

blocks|key|486418|text|不，这不可能。恐怕你得自己解决CSS+Specificity问题了。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|486419|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/CSS/Specificity^0|F|F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

No, that's not possible. You're going to have to iron out the <a href="https://developer.mozilla.org/en-US/docs/CSS/Specificity" rel="nofollow">CSS Specificity</a> by yourself I'm afraid.

blocks|key|4315796|text|您不能对整个选择器使用!important。您需要找到要覆盖的特定规则，并在每个规则上使用!important。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4315797|entityMap^0|B|A|19|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

You can't use <code>!important</code> for entire selectors. You need to find the specific rules you want to override, and use <code>!important</code> on each.

blocks|key|3835454|text|您可以将多个类添加到选择器中，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3835455|class="myClass+myClass2"|code-block|syntax|javascript|3835456|上面是您的HTML元素上class属性的样子。|3835457|就CSS而言，按如下方式定义类：|3835458|.myClass+{
++++color:+black;
++++font-size:+14px;
}|3835459|以上只是您可能拥有的一些属性的一个示例。|3835460|在样式表中的"myClass“之后定义"myClass2”将允许"myClass2“中的属性覆盖”myClass“中的匹配属性：|3835461|//This+goes+below+myClass
.myClass2+{
++++font-size:+16px;
}|3835462|只要"myClass2“在"myClass”之后，您的字体将采用‘16px’的大小属性；"myClass“的值将被"myClass2”的值覆盖。如果"myClass2“在"myClass”之前，您可以使用!important来确保样式会被后面定义的样式所取代：|3835463|//This+goes+above+myClass
.myClass2+{
++++font-size:+16px+!important;
}|3835464|希望这能有所帮助。|3835465|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Z|$]]

You can add more than one class to a selector as follows:

<pre><code>class="myClass myClass2"
</code></pre>

Above is what the class attribute would look like on your HTML element.

As far as the CSS goes, define the classes as follows:

<pre><code>.myClass {
 color: black;
 font-size: 14px;
}
</code></pre>

The above is just a sample of some properties you may have.

Defining "myClass2" after "myClass" in your stylesheet will allow the properties from "myClass2" to overrided the matching ones in "myClass":

<pre><code>//This goes below myClass
.myClass2 {
 font-size: 16px;
}
</code></pre>

As long as "myClass2" is after "myClass", your font will take the size property of '16px;' The value of "myClass" will be overwritten by that of "myClass2". If "myClass2" comes before "myClass", you can use !important to ensure that style is taken over the one defined later:

<pre><code>//This goes above myClass
.myClass2 {
 font-size: 16px !important;
}
</code></pre>

Hope this helps.

blocks|key|486535|text|CSS类只是一组样式，因此您可以使用class而不是内联style标记。!important关键字可帮助您覆盖特定样式，而不使用类。所以，举个例子：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|486536|假设我们对css文件中某处的每个div都有一个CSS规则。|486537|div{border:solid+1px+#ff0000;}|code-block|syntax|javascript|486538|后来我们有了这样的规则：|486539|div{background:#000000;}|486540|我们页面中的每个div都将使用border和一个background，如果我们想要覆盖div的css规则，我们需要这样做：|486541|div{background:none+!important;border:none+!important;/*...ADD+YOUR+CSS...*/}|486542|您可以创建css重置类来重置所需的所有设置，然后添加css|486543|entityMap^0|I|5|S|5|10|A|0|G|3|0|0|0|0|8|3|F|6|O|A|17|3|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|19|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|S|3|T|5|J|7|1K|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|1L|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]]|X|$]]

CSS classes are just a group of styles so you can use <code>class</code> instead of inline <code>style</code> tag.
The <code>!important</code> keyword helps you to override a specific style and not working on classes.
So, for example:

Lets say that we have a css rule on every <code>div</code> somewhere in our CSS file

<pre><code>div{border:solid 1px #ff0000;}
</code></pre>

And later on we have this rule:

<pre><code>div{background:#000000;}
</code></pre>

Every <code>div</code> in our page will be with <code>border</code> and a <code>background</code> if we want to override the <code>div</code> css rules we need to do something like this:

<pre><code>div{background:none !important;border:none !important;/*...ADD YOUR CSS...*/}
</code></pre>

you can create a css reset class to reset all the settings that you want and than add your css

I'm dealing with a real hash of a site, so this is why I'm asking about this absurd question.

I've looked everywhere to find some sort of way to make a class override another class in the HTML class tag to no avail.

I can either do this, try to untie a ton of spaghetti (which I probably won't be allowed to do anyways), or something anyone else can recommend (would be greatly appreciated).

Is this possible?

<pre><code>class="myClass !important"
</code></pre>

If not, is there some sort of equivalent?

Please help! Many thanks in advance!

!imporant equivalent for HTML class tag?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在处理一个真正的哈希网站，所以这就是为什么我要问这个荒谬的问题。我到处寻找让一个类覆盖HTML类标记中另一个类的方法，但都无济于事。我可以这样做，试着解开一大堆意大利面(我可能无论如何都不会被允许这么做)，或者其他任何人都可以推荐的东西(非常感谢)。这个是可能的吗？class="myClass !important"如果没有，有没有类似的东西？请帮帮我！首先要感谢大家！

问！HTML类标签的重要等价物？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问！HTML类标签的重要等价物？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问！HTML类标签的重要等价物？
EN