Nasıl Yapılır - Bir Öğeyi Vurgulu Olarak Görüntüleme
Bir öğenin üzerine gelindiğinde nasıl görüntüleneceğini öğrenin.
Üzerimde gezin.
I am shown when someone hovers over the div above.
Hover'da Bir Öğe Nasıl Görüntülenir
Adım 1) HTML'yi ekleyin:
Örnek
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
Adım 2) CSS'yi ekleyin:
Örnek
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
Örnek Açıklama
Bitişik kardeş seçici ( +
), belirtilen bir öğenin bitişik kardeşleri olan tüm öğeleri seçer.
"Komşu" kelimesi "hemen takip eden" anlamına gelir ve yukarıdaki örnek , üzerine gelindiğinde " class=".hide"
ile öğelerin hemen arkasına yerleştirilen tüm öğeleri seçer.class=".myDIV
Bitişik seçiciler hakkında daha fazla bilgi edinmek için CSS Birleştiriciler Eğitimimize gidin .