javascript - 删除 CSS 选择器的效果

Question

我的要求有点棘手。我有一个标记如下:(只是一个例子，真正的标记非常复杂)

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

正如您在上面看到的，有四个 CSS 类 classA、classB、classC、classD 与标记关联。我还使用 jQuery 通过这些选择器来绑定(bind)事件。

我的要求:我希望 jQuery 事件绑定(bind)起作用，同时不应应用 CSS，即我想从 UI 的 Angular 消除 CSS 样式的影响，但从从功能 Angular 来看，jQuery 事件处理程序应该仍然有效。

那么，是否可以重写 CSS 选择器，使其样式不应用于我的标记元素？

示例如下:

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

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

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

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

请帮忙!!

Answer 1

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

没有要求只能在 jquery 中使用在 css 中使用的类。

例如:

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

即使在 css 中没有定义 someUnknownClass，$('.someUnknownClass') 仍然有效。