0

私の元の問題は、ホバーすると色が変わるdiv内のブートストラップアイコンに関係しています。簡単にするために、問題を説明するために次のコードでjsfiddleを作成しました

html:

<div id="parent">
    <div id="child">
    </div>
</div>​

CSS:

#parent{
 background-color:red;
 width:100px;
 height:100px;   
}

#parent:hover #child{
 background-color:blue;  
 display:block;    
}
#child{
 background-color:transparent;  
 width:10px;
 height:10px;  
 display:none;
 border: 1px solid black;
}

jsfiddle はここにあります

問題:

このコードの結果は、私が達成したいものではありません。#child私は現れたいのですbackground-color: tranparentが#parent、色を青に変えてください。

私は自分:hoverが間違っていることを知っていますが、2つの異なるものを1つに適用するにはどうすればよいですか:hover(の色を変更#parentして表示する#child)?

4

1 に答える 1

2

2 つのセレクターを使用する必要があり、1 つだけではできないため、次のように記述できます。

#parent:hover{
 background-color:blue;   
}
#parent:hover #child {
 display:block;
}

デモ: http://jsfiddle.net/qTdkt/2/

于 2012-12-09T13:23:44.973 に答える