css - 如何使用 jQuery UI 设置非小部件内容的样式？

Question

我正在构建一个 jQuery UI 网站。我可以看到添加小部件或对话框是多么容易，而且我还看到可以使用主题 api 来设置元素样式:

http://jqueryui.com/docs/Theming/API

那么我该如何设置普通文本或 html 标题 1-3 或 html 表格之类的样式呢？

我想使用 jQuery UI 中的类和样式，这样当我更改主题时，一切都可以组合在一起并发生变化。

我已经尝试将 ui-widget-content 或 ui-widget-header 应用于 div 或 h1,h2，但也许有更好的方法，或者某个地方的深入教程。

Answer 1

我通常会检测我要自定义的主题的类，然后而不是直接在 jquery css 中更改，(因为我更喜欢让 udner 控制我的更改，如果我更新主题，则不需要 ebcuase再次添加更改)，我将这些修改后的类添加到“覆盖” block 中，或者你想如何命名它，所以它们是相同的类，但有一个重要的;!或添加了其他层次结构技巧。例如，调用父 ID 以赋予其更多权重:#content .ui-widget-content {whatever} 或 .ui-widget-content {whatever property:whatever value !important;}

通常是一些小的部分，而不是我想要自定义的大部分内容，所以在我的 main.css 中添加这 2 或 3 个类并没有什么坏处。不过，这取决于情况。

编辑:哦...“oder”的意思是“顺序”。抱歉，没有很好地理解您的问题(有点不清楚)。 如果您不支持 IE7，您可能有兴趣使用:

tr:nth-child(even) {背景:#fff}

tr:nth-child(odd) {背景:#000}