如何使用jQuery UI设置非窗口小部件内容的样式?

时间:2010-11-25 21:04:54

标签: css jquery-ui

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

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

那么我如何设置普通文本或html标题1-3或html表格的样式?

我想使用jQuery UI中的类和样式,所以当我更改主题时,所有内容都会组合在一起并发生变化。

我尝试将ui-widget-contentui-widget-header应用于div或h1,h2,但也许有更好的方法或深入教程。

1 个答案:

答案 0 :(得分:0)

我通常会检测我想要自定义的主题的类,然后不是直接在jquery css中更改,(因为我更喜欢让udner控制我的更改,并且如果我更新主题,那就不用了,不需要为了再次添加更改),我将这些修改后的类添加到“覆盖”块中或者如何命名它,这样它们就是相同的类,但重要的是;!或其他等级技巧。例如,调用父ID以赋予它更多权重:#content .ui-widget-content {whatever},或.ui-widget-content {无论属性:无论什么价值!重要;}

通常是一些小部分,从来不是我想要定制的大部分内容,所以在main.css中添加这些2或3个类并不会造成伤害。但这取决于。

编辑:哦......用“奥德”你的意思是“订单”。对不起,我的问题不太清楚(有点不清楚)。 如果您不支持IE7,您可能有兴趣使用:

tr:nth-​​child(偶数){background:#fff}

tr:nth-​​child(odd){background:#000}