在外部托管的 css（特别是 Google CDN jquery-ui.css）中覆盖/删除某些属性的最佳方法是啥？

Posted 2023-03-03

【中文标题】在外部托管的 css（特别是 Google CDN jquery-ui.css）中覆盖/删除某些属性的最佳方法是啥？

【英文标题】：What is the best way to override/remove certain attribute in an externally hosted css (specifically Google CDN jquery-ui.css)?在外部托管的 css（特别是 Google CDN jquery-ui.css）中覆盖/删除某些属性的最佳方法是什么？

【发布时间】：2012-05-29 11:12:47

【问题描述】：

我正在使用 Google CDN 托管 one of jQuery UI theme's CSS。

但是，我想覆盖一些 css 属性。

我知道可以使用 jQuery .removeClass() 或 .css() 来实现，但我可以使用自己的 css 文件来实现吗？

例如，在jQuery UI主题的css中，有

.ui-widget 
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;

如何删除font-size 属性？我不需要覆盖它。我只想完全删除它，以便 font-size 默认回到 0.75em 的 body 属性。

【问题讨论】：

删除：javascript；覆盖：CSS

试试.ui-widget font-size: inherit 。如果这不好，这可能是不可行的。

inherit 工作。非常感谢。我希望你们将其发布为答案，以便我接受。

【参考方案1】：

正如 @thirtydot 在 cmets 中所述，.ui-widget 的 font-size 属性到 inherit。