PDA

View Full Version : تغيير مشخصه ي يه تگ با رويداد hover تگي ديگر



H:Shojaei
چهارشنبه 05 تیر 1392, 21:17 عصر
با سلام
ميخواستم ببينم يه همچين چيزي امكانش هست يا نه.
مثلا دو تا ديو داريم به اين صورت:


<div class="a1">

</div>
<div class="a2">

</div>

حالا ميشه در رويداد هاور a1 يكي از مشخصه هاي a2 رو تغيير بديم (مثلا رنگش) يا نه؟
اگه ميشه چطوري؟

jalil_gh
چهارشنبه 05 تیر 1392, 21:30 عصر
اگه اینجوری پشت سر هم باشن که میشه
div#a1:hover + div {
background-color:blue;
}

H:Shojaei
چهارشنبه 05 تیر 1392, 21:47 عصر
من با كلاسش نوشتم بنا بر اين با # نبايد ارجاع بشه ديگه بايد با . ارجاع بشه مگه همينطوري نيست؟
و اين طوري هم اجرا نميشه چرا؟

jalil_gh
چهارشنبه 05 تیر 1392, 22:08 عصر
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div {
width:100px;
height:100px;
border:1px solid black;
}

.a1 {
background-color:yellow;
}
.a2 {
background-color:green;
}


.a1:hover + .a2 {
background-color:blue;
}
</style>
</head>
<body>
<div class="a1"></div>
<div class="a2"></div>
</body>
</html>

H:Shojaei
چهارشنبه 05 تیر 1392, 22:45 عصر
واقعا ممنون
ببخشيد حالا ميشه وقتي مثلا روي لينك بريم همين اتفاق بيافته.


<div class="a1"><a href="">aaaaaa</a></div>

<div class="a2"></div>