Jquery 如何删除或覆盖从不同css文件引用的css

我有一个CSS类，它来自下图中提到的不同文件：

我试着像下面这样覆盖

body .ui-dialog .ui-dialog-titlebar
            {
                padding : 0.0em 0.1em 0.4em 0em !important;
            }

并尝试从DOM中删除css类，如下所示

$(document).load(function () {
             $( "div" ).odd().removeClass( "ui-dialog-titlebar" );
            });

但以上这些对我都不起作用，我也找不到原因

---

是否可以重写或删除该类，因为我不想在引用的CSS类中执行任何操作，因为它们将在其他页面中使用。

是否尝试向其添加自定义类，并在其中放置所需的填充设置（有无！重要信息）。您可以将该css放置在组件零件中

您需要使覆盖规则的选择器更具体。正如您在图中所看到的，具有更高特定性的规则将覆盖其他规则。不要使用

！重要信息

。@RoryMcCrossan，感谢您的输入，请您添加一些示例，我不明白。

body div.ui-dialog.ui dialog标题栏

@CodeNotFound，我强烈建议您花些时间（当您有时间时）阅读CSS方法。我最喜欢的是（稍微修改过的）边界元法。还有其他方法（OOCSS、SMACS等），但它们都有相同的目标：确保您的CSS在现在和将来都是可管理和可扩展的。