چگونه عناصر را در حالت آویزان بودن نمایش می‌دهم

چگونه عناصر را در حالت آویزان بودن نمایش می‌دهم

مرحله اول - اضافه کردن HTML:

<div class="myDIV">ماوس را بر روی من قرار دهید.</div>
<div class="hide">وقتی کسی ماوس را بر روی div بالا قرار می‌دهد، من نمایش داده می‌شوم.</div>

مرحله دوم - اضافه کردن CSS:

.hide {
  نمایش: نه;
}
.myDIV:hover + .hide {
  نمایش: بلوک;
  رنگ: قرمز;
}

آموزش خودتان را امتحان کنید

توضیح مثال:

انتخابگر همزمان سطوح نزدیک (+انتخاب می‌کند که با عنصر مشخص همزمان باشند.

معنی کلمه "نزدیک" به "پس از آن" است، مثال بالا همه عناصر class=".hide" عناصر، این عناصر در حالت آویزان بودن به دنبال قرار می‌گیرند در کنار class=".myDIV" پس از عنصر.

صفحات مرتبط

آموزش:کامپوزیتور CSS