2014-08-30 79 views
0

我是CSS的新手。我有兩個divs,div1div2
div2div1內部,並且在div1上方盤旋,根據我的要求,該圈正在轉變爲藍色背景。影響兩個div的CSS- HOVER

我在div2裏有一個字母「F」。現在,當背景顏色變爲藍色時,將鼠標懸停在div1上,我想讓div2中的「F」變爲白色。

我該如何去做這件事?

+0

你需要包括您的標記和css至少。很難說出你想要達到的目標,其中最重要的原因是你提到了一個關於一個圈子的事情,我不知道它與提到的兩個div有什麼關係。 – kinakuta 2014-08-30 07:16:06

+0

請使用[jsfiddle](http://jsfiddle.net)顯示您的代碼演示。 – 2014-08-30 07:22:45

+0

這不是完美的,但試試這個 - http://jsfiddle.net/aamh2djv/ – Anonymous 2014-08-30 07:27:04

回答

1

按您的要求 - 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

+0

@KrishnaKrish我已經更新了我的答案! :) – Anonymous 2014-08-30 10:36:21

+1

我希望他接受你的答案。 – 2014-08-30 10:40:38

+1

@ chipChocolate.py謝謝!:) – Anonymous 2014-08-30 12:38:59