CSSでhtml>とは何ですか？

LiferayポータルのCSSファイルに以下のCSSコードがあります。CSSでhtml>とは何ですか？

html>とは何ですか？それはいつ使われるべきですか？

.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; 
}

出典

2013-04-24 Vikas V

なぜ、 'html> .lfr-dockbar-pinned'を選択するのか不思議です - そのクラスは' body'要素に添付されていますか？ – BoltClock

はい、 'body'要素にアタッチされています。ここにはコードがあります - ''です。なぜ彼ら（Liferay）がそれをしたのか分かりません。 –

@VikasV恐らくそれはjoomlaテンプレートです。 –

html要素の直接の子の子孫であるクラスlfr-dockbar-pinnedを持つ要素。参照してください：http://www.w3.org/TR/CSS2/selector.html#child-selectors

出典

2013-04-24 13:08:14 Adrian

これはhtml要素の直接の子孫である要素を表します（@adrianが述べたように）。

は、言い換えれば、それは、この場合にのみ<body>

ですから、例えば

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

出典

2013-04-24 13:11:23

あなたの答えは不完全であるようです。通常、あなたは「言い換えれば」という言い方では開きません。その表現は、あなたが何らかの形で何かを言おうとしたことを意味し、それを別の言い方で「言い換えれば」表現しています。 – BoltClock

@BoltClock完了： –

それは、子要素を選択したためだろう、親要素が<html>あるすべての要素を選択します。

例：body> pは、要素の直接の子要素であるすべての< p>要素を選択します。（コメントから）このコードを考えると

出典

2013-04-24 13:11:44

：それは身体を区別この場合

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

、それはクラスlfr-dockbar-pinned、同じクラスを持つ別の要素を持っています。これにより、これらの要素のそれぞれに異なるスタイルを適用することができます。

出典

2013-04-24 13:15:09 isherwood

しかし、 'body'は' html'の直系子孫です。 – BoltClock

これは本当に理にかなった唯一のケースです。 ''と ''は、 ''の唯一の直接的な下位文字である必要があります。適用される唯一の時間は、 ''タグにクラスがある場合です。（この場合は 'lfr-dockbar-pinned'） –

BoltClock、そうです。私はそこで自分自身を瞬時に混乱させました。 – isherwood

CSSでhtml>とは何ですか？

答えて

関連する問題