blocks|key|1134676|text|然后从css中删除这些类。不过，jQuery仍然能工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1134677|没有必要只在jquery中使用css中使用的类。|1134678|例如：|1134679|<div+class="someUnknownClass"></div>|code-block|syntax|javascript|1134680|即使在css中没有定义someUnknownClass，$('.someUnknownClass')仍然可以工作。|offset|length|style|CODE|1134681|entityMap^0|0|0|0|0|S|M|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Then just delete those classes from css. jQuery will still work though.

There is no requirement that only classes used in css have to be used in jquery.

For example:

<pre><code>&lt;div class="someUnknownClass"&gt;&lt;/div&gt;
</code></pre>

Even though, there is no someUnknownClass defined in css, <code>$('.someUnknownClass')</code> will still work.

blocks|key|1135501|text|我不知道有什么机制允许以你想要的方式去做。我建议的工作是将您的事件绑定到anoter+css类上，并执行如下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1135502|$('.classD').addClass('eventClassD').removeClass('classD');
$('.eventClassD').on('myEvent',+function(){...});|code-block|syntax|javascript|1135503|像这样，您仍然会有事件绑定到您的元素，并将摆脱所有的css。|1135504|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I don't know any mechanism allowing to do that the way you want it.
the work around i would suggest would be binding your events on anoter css class and doing something like this :

<pre><code>$('.classD').addClass('eventClassD').removeClass('classD');
$('.eventClassD').on('myEvent', function(){...});
</code></pre>

like this you will still have events binded to your elements and would get rid of all the css.

blocks|key|1135509|text|为选择器使用另一个类名。因此，css有classA，选择器有classX。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1135510|如果你不想应用这些样式。然后可以使用$('selctor').css();重写样式。有点讨厌！或。添加一个覆盖css的类。或者删除包含css的类。使用：$('selctor').addClass('no_styles');或$('selctor').removeClass('current_styles');|1135511|entityMap^0|J|6|U|6|0|I|J|24|Z|34|17|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|I|$]]

Use another class name for the selector. So you have <code>classA</code> for the css and <code>classX</code> for the selector.

If you don't want the styles applied. Then you could use <code>$('selctor').css();</code> to over write the styles. Bit hacky!
OR. 
Add a class that over-rides the css. Or remove the class that holds the css.
using: <code>$('selctor').addClass('no_styles');</code> OR <code>$('selctor').removeClass('current_styles');</code>

blocks|key|81079|text|你想在不修改JS的情况下这么做？没有干净的方法可以做到这一点。但试试这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|81080|想必您会有一些东西来区分这组特殊的元素，以区别于其他元素，这些元素是您想要保留的样式。这种差异可能以不同的父容器的形式显示出来。只需复制影响这些类的CSS规则集，并在此父CSS选择器前面加上类前值。|81081|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

You want to do it without modifying the JS? There's no clean way to do that. But try this.

Presumably you will have something that distinguishes this special set of elements to distinguish it from other elements, of which styles' you want to retain. This is difference probably manifests itself in the form of a different parent container. Just copy the set of CSS rules that affect these classes, and prepend this parent CSS selector with the pre-class values.

blocks|key|1134736|text|“基本上，我不想碰js代码，只有在css前面可以做一些事情时，我的要求才能实现。”|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1134737|如果这是您所需要的，那么只需从页面中删除所有css定义即可。|1134738|$("link,style").remove()|code-block|syntax|javascript|1134739|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

"Basically, I do not want to touch the js code, and only if something can be done on the css front, then my requirement is achieved."

If that is all you need, then just remove all of the css definitions from the page.

<pre><code>$("link,style").remove()
</code></pre>

My requirement is a bit tricky. I have a mark-up as below: (just an example, real mark-up is very complicated)

<pre><code> &lt;div class="classA"&gt;
 &lt;div class="classB"&gt;
 &lt;p class="classC"&gt;
 &lt;span class="classD"&gt;
 &lt;/span&gt;
 &lt;/p&gt;
 &lt;/div&gt;
 &lt;/div&gt;
</code></pre>

As you can see above, there are four CSS classes <code>classA, classB, classC, classD</code> associated with the markup.
Also I have used jQuery to bind events using these selectors.

My Requirement: I want the jQuery event binding to work and at the same time, the CSS should not get applied i.e. I want to negate the impact of CSS styles from a UI perspective, but from functional perspective jQuery event handlers should still work.

So, is it possible to override the CSS selectors such that their styles don't get applied to my mark-up elements ?

example below:

<pre><code>div.classA div.classB p.classC span.classD{
 color:red;
}
</code></pre>

I don't want the font color to be red, so I tried to override the selector as follows, but its not working:

<pre><code>div.classA div.classB p.classC span.classD{
 color:red;
}

div.classA div.classB p.classC span.classD{
 /*no styles here*/
}
</code></pre>

Please help !!

Removing effect of a CSS selector

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我的要求有点棘手。我有一个标记如下：(仅仅是一个例子，真正的标记是非常复杂的) <div class="classA"> <div class="classB"> ...

问删除CSS选择器的效果
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除CSS选择器的效果EN