فرض کنید دو div داریم، یکی با کلاس section1 و یکی با کلاس section2 ،
section2 بطور پیشفرض مخفی است ولی می خواهیم وقتی section1 هاور شد، section2 را نمایش دهیم. با استفاده از کد زیر می توانیم این کار را انجام دهیم:
.section2 {
display: none;
}
.section1:hover ~ .section2 {
display: block;
}
*فقط دقت کنید که section1 و section2 باید در یک سطح از سلسله مراتب باشند ، چون عملگر ~
نمی تواند المان های در سطوح مختلف را تشخیص دهید.
- نفیسه افقی 5 ماه قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید