Javascript 移除CSS选择器的效果

我的要求有点棘手。我有一个加价如下：只是一个例子，真正的加价是非常复杂的

    <div class="classA">
        <div class="classB">
            <p class="classC">
                <span class="classD">
                </span>
            </p>
        </div>
    </div>

我不希望字体颜色为红色，因此我尝试按如下方式覆盖选择器，但它不起作用：

div.classA div.classB p.classC span.classD{
    color:red;
}

div.classA div.classB p.classC span.classD{
   /*no styles here*/
}

---

请帮忙

然后从css中删除这些类。不过jQuery仍然可以工作

jquery中不需要只使用css中使用的类

例如：

<div class="someUnknownClass"></div>

---

尽管css中没有定义someUnknownClass，$“.someUnknownClass”仍然可以工作。

我不知道有什么机制可以按照您想要的方式来实现这一点。 我建议的解决方法是将您的事件绑定到另一个css类上，并执行如下操作：

$('.classD').addClass('eventClassD').removeClass('classD');
$('.eventClassD').on('myEvent', function(){...});

---

这样，您仍然可以将事件绑定到您的元素，并且可以删除所有css。

为选择器使用另一个类名。因此，css有classA，选择器有classX

如果不希望应用样式。然后可以使用$'selctor'.css；写得太多了。有点讨厌！ 或 添加一个超越css的类。或者删除保存css的类。

---

使用：$'Selector'.addClass'no_styles'；或$'Selector'。删除类'current_styles'

您想在不修改JS的情况下完成吗？没有干净的方法可以做到这一点。但是试试这个

---

想必你会有一些东西来区分这组特殊的元素，以区别于你想要保留的其他元素。这种差异可能以不同的父容器的形式表现出来。只需复制影响这些类的CSS规则集，并在父CSS选择器前面加上预类值。

基本上，我不想接触js代码，只有在CSS前端可以做一些事情，我的要求才能实现

如果这就是您所需要的，那么只需从页面中删除所有css定义

$("link,style").remove()

---

从逻辑上修改css类名，这样样式就不会应用，但通过修改名称仍然可以选择它们。@TravisJ你能详细说明一下吗，我不明白这是一个要求！！我不能从css中删除这些类，因为我只想在我的站点中的一个屏幕上删除这些类。对于其他屏幕，应应用样式。我们在所有屏幕上都使用通用的css文件。是的，但是它编写了很多遗留代码，我在想是否有一种方法可以在不接触复杂遗留代码的情况下实现这一要求。基本上，我不想接触js代码，只有在css前端可以做一些事情，我的需求才能实现。

$("link,style").remove()