فرض کنید دو div داریم، یکی با کلاس section1 و یکی با کلاس section2 ،

section2 بطور پیشفرض مخفی است ولی می خواهیم وقتی section1 هاور شد، section2 را نمایش دهیم. با استفاده از کد زیر می توانیم این کار را انجام دهیم:

.section2 {
  display: none;
}

.section1:hover ~ .section2 {
  display: block;
}

*فقط دقت کنید که section1 و section2 باید در یک سطح از سلسله مراتب باشند ، چون عملگر ~ نمی تواند المان های در سطوح مختلف را تشخیص دهید.