基于 jQuery UI 的 CSS

Question

我想创建一个新的 CSS 类，但基于(继承)来自 jQuery UI 的 ui-state-default。我想更改一些参数，例如背景。作为默认背景，它是一张图片，在 jQuery UI 类中，我想保留除此背景之外的所有属性。

有什么想法吗？

谢谢，

Answer 1

听起来您想以某种方式“继承”ui-state-default 类。我不认为你可以像在普通的 OO 语言中那样继承 CSS 类，但是你可以通过创建另一个类来实现这种效果，比如 foo 并在你的元素中使用这两个类并在您的 CSS 定义中。

HTML:

<div class="ui-state-default foo">...</div>

CSS:

.ui-state-default.foo {
  background: red;
}

您需要确保的一件事是，CSS 定义比 ThemeRoller 生成的定义具有更多特异性。如果您不熟悉 CSS 级联规则，have a read .