Mam poniżej kod CSS w niektórych plikach CSS portalu Liferay.Co oznacza html> oznaczać w CSS?
Co oznacza html> oznaczać? Kiedy to powinno być użyte?
.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;
}
Element z klasą lfr-dockbar-pinned że jest bezpośrednim potomkiem dziecko elementu html. Zobacz: http://www.w3.org/TR/CSS2/selector.html#child-selectors
Reprezentuje element będący bezpośrednim potomkiem elementu html (As @adrian powiedział).
Innymi słowy, wybiera wszystkie elementy, gdzie element nadrzędny jest <html> która w tym przypadku byłoby tylko <body>
Tak na przykład
div > p {
/* This will select all p elements where parent is div */
}
Twoja odpowiedź wydaje się niekompletna. Zwykle nie otwiera się z "Innymi słowy" - to wyrażenie oznacza, że próbujesz coś powiedzieć w jeden sposób, a następnie określasz to "innymi słowy" w inny sposób. – BoltClock
@BoltClock Done :) –
Wybiera element podrzędny.
Np .: body> p wybiera wszystkie elementy < p>, które są bezpośrednimi elementami potomnymi elementu.
Biorąc pod uwagę ten kod (z komentarzem):
<body class="... lfr-dockbar-pinned ...">
W tym przypadku rozróżnia ciała, gdy ma klasę lfr-dockbar-pinned i kolejny element mający tę samą klasę. Pozwala to na stosowanie różnych stylów do każdego z tych elementów.
Ale 'body' jest bezpośrednim potomkiem' html'. – BoltClock
To jedyny przypadek, który naprawdę ma sens. "
" i "" powinny być jedynymi DIRECT oferentami "", więc jedynym momentem, który miałby zastosowanie, jest tag "" z klasą. (W tym przypadku "lfr-dockbar-przypięty") –BoltClock, masz rację. Natychmiast zdezorientowałem się tam. – isherwood
Ciekawe, dlaczego wybrałabym "html> .lfr-dockbar-przypięty" - czy ta klasa jest dołączona do elementu 'body'? – BoltClock
Tak, jest dołączony do elementu "body". Oto kod - "
. Nie wiem, dlaczego to zrobili (Liferay) .. –@VikasV Prawdopodobnie jest to szablon joomla –