我是CSS的新手。我有兩個divs,div1
和div2
。
div2
在div1
內部,並且在div1
上方盤旋,根據我的要求,該圈正在轉變爲藍色背景。影響兩個div的CSS- HOVER
我在div2
裏有一個字母「F」。現在,當背景顏色變爲藍色時,將鼠標懸停在div1
上,我想讓div2
中的「F」變爲白色。
我該如何去做這件事?
我是CSS的新手。我有兩個divs,div1
和div2
。
div2
在div1
內部,並且在div1
上方盤旋,根據我的要求,該圈正在轉變爲藍色背景。影響兩個div的CSS- HOVER
我在div2
裏有一個字母「F」。現在,當背景顏色變爲藍色時,將鼠標懸停在div1
上,我想讓div2
中的「F」變爲白色。
我該如何去做這件事?
按您的要求 - TRY THIS DEMO
HTML:
<div id="div1"><div id="div2">F</div></div>
CSS:
#div1 {
position:relative;
background:red;
width:400px;
height:400px;
line-height:200px;
border-radius:200px;
text-align:center;
font-size:24px;
}
#div1:hover {
background:blue;
}
#div2 {
position: absolute;
background:blue;
top:100px;
left:100px;
width:200px;
height:200px;
background-color:lawngreen;
}
#div1:hover #div2 {
color:white;
}
將帖子
根據你下面的評論:TRY THIS DEMO
這裏是我的疑問jsfiddle.net的片段 - 克里希納Krish
你需要包括您的標記和css至少。很難說出你想要達到的目標,其中最重要的原因是你提到了一個關於一個圈子的事情,我不知道它與提到的兩個div有什麼關係。 – kinakuta 2014-08-30 07:16:06
請使用[jsfiddle](http://jsfiddle.net)顯示您的代碼演示。 – 2014-08-30 07:22:45
這不是完美的,但試試這個 - http://jsfiddle.net/aamh2djv/ – Anonymous 2014-08-30 07:27:04