1

ばかげた質問ですが、まあ。CSS の ">" はどのバージョンですか? この名前がわからないので、Googleで見つけることができません。

例。

CSS

.test {
    width:200px;
    height:200px;}

.test .color {
    width:50px;
    height:50px;
    float:left;
    background:red;}


.test:hover > .color {
    background:blue;}

HTML

<div class="test">
    <div class="color"></div>
</div>

どのバージョンの CSS ですか? 2つか3つ？ありがとう

4

4 に答える 4

2

ノードの直接の子をマークします。したがって、その名前は「子セレクター」です。

したがって、あなたの場合は、ホバーされたノードの直接の子である.test:hover > .colorクラスを持つ任意のノードを選択します class 。colortest

詳細については、それぞれの MDN ページをご覧ください。

> コンビネータは 2 つのセレクターを分離し、最初のセレクターに一致した要素の直接の子である 2 番目のセレクターに一致した要素のみに一致します。

于 2012-12-22T18:49:47.483 に答える
0

これは、別の要素のすぐ下（ドキュメントツリー内）にあるCSSセレクターになります。子要素のように。

このCSS3チートシートは非常に役立ちます。CSS3チートシートは、質問に答えるだけでなく、他の一般的でないセレクタータイプにも役立ちます。

また、これでどのブラウザでサポートされているかを見つけることができます：使用できますか... HTML5、CSS3のサポートテーブル...

于 2012-12-22T19:09:42.740 に答える
0

これは子セレクターと呼ばれ、CSS2 の一部です。

http://www.w3.org/TR/CSS2/selector.html#child-selectorsのドキュメント

子セレクターは、要素が何らかの要素の子である場合に一致します。子セレクターは、">" で区切られた 2 つ以上のセレクターで構成されます。

于 2012-12-22T18:50:24.263 に答える
0

セレクターは直系の子孫用です。

そのため、 である直接の親要素を持つdiv > divすべての要素が選択されます。divdiv

CSS2です。

CSS 3 セレクターにも推奨されていました。

MDNを参照してください。

于 2012-12-22T18:50:31.147 に答える