Jquery 在特定页面ID上禁用类inhernces

我正在使用jQuery Mobile的web应用程序。在此项目中，开发人员覆盖了一些主要的jQuery移动类，如：

 .ui-btn-text
 .ui-icon
 .ui-btn-corner-all

例如：

.ui-btn-text {
    color:#fff;
    padding:6px 10px;
    line-height:10px;
    font-size:12px;
    /* 

    some settings....

    */
}

---

我正在添加一些新的

输入

，并自动从重写的类继承。我如何在特定页面上禁用这个继承项，这样它就可以与jQuery Mobile类一起工作，例如，为#pageTest

禁用它，只需根据需要将其重置为原始值即可。如果它是jQuery的未精简版本，则可以找到它

。对于你的例子

#pageTest.ui-btn-text { position: relative; z-index: 1; }

唯一的其他选择是使用javascript并迭代类的每个实例。使用jQuery将是最简单的：

$('.ui-btn-text').each(function() {
    $(this).css({
        'position' : 'relative',
        'z-index':'1',
        //etc...
    });
});

---

而不是全局重写jqm类。创建类并将它们添加到项目中。这对于维护/操作类和元素来说更容易。像这个@Omar，现在的情况是我无法更改它，因为在这个项目中有很多与这些类相关的事情。我更喜欢为特定页面禁用此功能。您能演示如何覆盖样式吗？我在问题中添加了覆盖的类样式…我只是为现有JQM类设置了一些样式设置。