Was bedeutet mehrere class-definition bedeuten und wie es funktionieren soll?
Ich versuche zu Debuggen, jqueryui css-Problem, das hat mich zu dieser Frage -
Finden wir, dass in jqueryui css, es sind die Klassendefinitionen wie folgt :
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{ border: 3px solid transparent; background: #FFF 0px 0px; font-weight: bold; color: White; }
Nun, beachten Sie, gibt es kein Komma zwischen ui-widget-content und ui-state-default. Was bedeutet dieses Klasse-definition bedeuten?
wenn ich definieren .ui-button .ui-widget-content .ui-state-default sollte es überschreiben der oben genannten definition ist eine .ui-button eigentlich vor den anderen in der Klasse-Attribut des-Elements?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es ist die hierarchische Auswahl.
Bedeutet, wählen Sie alle untergeordneten Elemente mit der Klasse
ui-state-default
deren Eltern hat die Klasseui-widget-content
.Schreibe ich ein Beispiel für Sie, es zu begreifen, indem sehen Sie es in Aktion.
1. Markup
2. CSS
3. Erklärung
Alle
DIV
s mit der Klasseui-state-default
dass ein Elternteil mit der Klasseui-widget-content
wird angewendet haben alle die Eigenschaften des ersten CSS-Regel, mit Ausnahme derjenigenDIV
s, deren Elternteil hat die Klasseui-parent
, derenbackground-color
Regel überschrieben werden.