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

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

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

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

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

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

آزمایش کنید

توضیح مثال:

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

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

مربوط پیج

تعلیم:CSS کمبائنر