Wie gestalte ich Nicht-Widget-Inhalte mit jQuery UI?

Question

Ich baue eine jQuery UI-Site. Ich kann sehen, wie einfach es ist, Widgets oder Dialoge hinzufügen und auch habe ich gesehen, es zu Stilelementen möglich ist, mit der Thematisierung api:

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

So wie ich Stil Dinge wie normaler Text oder HTML-Header 1 -3 oder HTML-Tabellen?

Ich würde gerne die Klassen und Stile von jQuery UI verwenden, so passt alles zusammen und ändert sich, wenn ich das Thema ändere.

Ich habe versucht, ui-widget-content oder ui-widget-header auf divs oder h1, h2 anzuwenden, aber vielleicht gibt es einen besseren Weg, oder ein vertieftes Tutorial irgendwo.

Answer 1

Normalerweise erkenne ich die Klasse des Themas, das ich anpassen möchte, und dann statt direkt in der JQuery CSS ändern, (weil ich lieber Udner Kontrolle über meine Änderungen haben, und ebcuase, wenn ich das Thema aktualisieren, nicht müssen die Änderungen erneut hinzufügen), füge ich diese modifizierten Klassen in einen "override" -Block oder wie Sie es benennen möchten, so dass dieselben Klassen sind, aber mit einem wichtigen ;! oder ein anderer Hierarchietrick hinzugefügt. Zum Beispiel, Aufruf der Eltern-ID, um es mehr Gewicht: # content .ui-widget-content {was auch immer}, oder .ui-widget-content {was auch immer Eigenschaft: was auch immer wichtig!}

Ist normalerweise einige kleine Bits, nie ein großer Teil der Dinge, die ich anpassen möchte, so dass das Hinzufügen dieser 2 oder 3 Klassen in meiner main.css tut nicht weh. Es kommt aber darauf an.

edit: Oh ... mit "oder" meinst du "bestellen". Entschuldigung, habe deine Frage nicht gut verstanden (ist etwas unklar). Wenn Sie nicht IE7 unterstützen, könnten Sie bei der Verwendung interessieren:

tr: nth-child (auch) {background: #fff}

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