2010-11-25 3 views
1

jQuery UIサイトを構築しています。通常のテキストやHTMLのヘッダー1のように、どのようにか私のスタイルのものをjQuery UIで非ウィジェットコンテンツのスタイルを設定するにはどうすればよいですか?

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

:私はそれは、ウィジェットやダイアログを追加することがいかに簡単であるか見ることができ、また、私はテーマのAPIを使用して要素のスタイルを設定することが可能である見てきました-3またはhtmlテーブル?

jQuery UIのクラスとスタイルを使用して、テーマを変更するとすべてが合って変更されます。

ui-widget-contentまたはui-widget-headerをdivやh1、h2に適用しようとしましたが、もっと良い方法や詳細なチュートリアルがあるかもしれません。

答えて

0

私はカスタマイズしたいテーマのクラスを通常検出してからjquery CSSで直接変更するのではなく(私はudnerに自分の変更を制御させることを好みますから、テーマを更新する場合は気を付けてください。変更をもう一度追加する必要があります)、これらの変更されたクラスを「オーバーライド」ブロックに追加します。名前を付けたい名前は同じクラスですが、重要なものです。または他の階層トリックが追加されました。たとえば、親のIDを呼び出すと、より多くの重みを与えることができます:#content .ui-widget-content {whatever}、または.ui-widget-content {任意のプロパティ:任意の値!重要;}

通常、私がカスタマイズしたいものの大部分ではないので、main.cssにこれらの2つまたは3つのクラスを追加しても問題はありません。それは、しかし、依存します。

編集:ああ...「オーダー」とはあなたが「オーダー」を意味していました。申し訳ありませんが、あなたの質問をよく理解していませんでした(少し不明です)。 あなたはIE7をサポートしていない場合は、ご使​​用に興味があるかもしれない:

TR:n番目の子(さえ){背景:#FFF}

TR:n番目の子(奇数){背景:#000 }

+0

オススメして申し訳ありませんが、今修正しました。 – mit

関連する問題