2013-04-24 10 views
13

Ich habe unter CSS-Code in einigen CSS-Datei von Liferay Portal.Was bedeutet html> in CSS?

Was bedeutet html> bedeuten? Wann sollte das verwendet werden?

.lfr-dockbar-pinned { 
    .dockbar { 
     left: 0; 
     position: fixed; 
     right: 0; 
     top: 0; 
    } 

    .pin-dockbar img { 
     background-image: url(../images/dockbar/unpin.png); 
    } 
} 

html > .lfr-dockbar-pinned { 
    padding-top: 3.45em; 
} 
+0

Neugierig, warum man 'html> .lfr-dockbar-pinned' auswählen würde - ist diese Klasse an das' body' Element angehängt? – BoltClock

+0

Ja, es ist an einem "Körper" -Element befestigt. Hier ist der Code - ''. Nicht sicher, warum sie (Liferay) so getan haben .. –

+0

@VikasV Wahrscheinlich ist das eine Joomla-Vorlage –

Antwort

2

Es stellt ein Element, das ein direkter Nachkomme des HTML-Elements ist (As @adrian erzählt).

Mit anderen Worten wählt es alle Elemente, wenn das Mutterelement <html> ist das in diesem Fall <body> nur

So zum Beispiel

div > p { 
    /* This will select all p elements where parent is div */ 
} 
+0

Ihre Antwort scheint unvollständig. Normalerweise öffnest du nicht mit "Mit anderen Worten" - dieser Ausdruck bedeutet, dass du versucht hast, etwas auf eine Art zu sagen, dann sagst du es "mit anderen Worten" auf eine andere Weise. – BoltClock

+0

@BoltClock Fertig :) –

1

Es wählt das Kind-Element sein würde.

Beispiel: body> p wählt alle < p> -Elemente aus, die direkt untergeordnete Elemente des Elements sind.

1

dieser Code (aus Ihrem Kommentar) Gegeben:

<body class="... lfr-dockbar-pinned ..."> 

In diesem Fall ist es zwischen dem Körper unterscheidet, wenn sie die Klasse haben lfr-dockbar-pinned, und ein anderes Element die gleiche Klasse hat. Dies ermöglicht, dass auf jedes dieser Elemente ein anderes Styling angewendet werden kann.

+0

Aber 'body' ist ein direkter Nachkomme von' html'. – BoltClock

+0

Dies ist der einzige Fall, der wirklich Sinn macht. '' und '' sollten die einzigen direkten Nachkommen von '' sein, so dass die einzige Zeit, die gelten würde, wenn das '' Tag eine Klasse hat. (In diesem Fall 'lfr-dockbar-pinned') –

+0

BoltClock, Sie haben Recht. Ich verwirrte mich dort kurzzeitig. – isherwood