在html中選擇多個div

我們如何將html懸停在多個div上？在html中選擇多個div

我有兩個div在html頁面的不同位置。

我想懸停在任何divs和它，而其他div來選擇。

我該如何使用css屬性來完成它？目前它從父母到孩子不是反之亦然，我嘗試了所有不同的組合。即使〜和+屬性。

的html代碼：

<div id=one1> 
<div id=two2></div> 
</div>

CSS：

#one1:hover { background-color: yellow;} 
#two2:hover { background-color: yellow;}

來源

2014-04-24 Gyanesh Gouraw

沒有一些HTML，這幾乎是不可能的絕對回答 – SW4

你說CSS，但你已經標記jQuery的爲好。你可以使用jQuery嗎？ – Niklas

不要這麼苛刻。這裏不需要代碼示例，因爲您可以在偉大的答案 – mplungjan

你的意思是這樣Fiddle

#one:hover ~ #two , 
#one:hover ~ #three 
{ background-color: yellow; }

來源

2014-04-24 09:23:16 Richa

+ 1.良好的使用CSS選擇器....偉大的解決方案.... –

@MilindAnantwar謝謝。試圖學習，我仍然處於學習階段:) – Richa

在這個例子中，爲什麼你的原始div也改變了顏色？懸停在第一個div上它也應該改變顏色爲黃色。 –

如果您有類似下面的一個結構，你所要做的就是向chil添加特定的樣式上.parent:hover d div：使用

<div class="parent"> 
    <div class="child"></div> 
    <div class="child"></div> 
</div>

CSS

.parent:hover .child{your style goes here}

來源

2014-04-24 09:24:26 ramesh

Jquery的解toggleClass

$(document).ready(function() { 
    $('.box').click(function() { 
    $('.box').toggleClass('green'); 
    }); 
});

HTML

<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div>

CSS

.box { 
    width:100px; 
    height: 100px; 
    border:1px solid grey; 
    display: inline-block; 
} 

.green { 
    background-color: lightgreen; 
}

JSfiddle Demo

來源

2014-04-24 09:39:39

在html中選擇多個div

回答

相關問題