Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

İç içe css kullanımı

Konu, 'Web Programlama' kısmında webandyazilimprofesor tarafından paylaşıldı.

  1. webandyazilimprofesor

    webandyazilimprofesor Üye

    Kayıt:
    2 Eylül 2017
    Mesajlar:
    138
    Beğenilen Mesajlar:
    3
    Şehir:
    Ankara
    Merhaba,

    arkadaşlar bir öğem üzerine gelince (hover) olunca başka bir öğenin rengini (beyaz) değiştirmem üzerinden çıkınca geri eski rengine (siyah) dönüştürmem lazım.

    Bunun için sanırım iç içe kullanmam lazım.

    Şöyle yazdım ama olmadı (style tagları içerisine) :

    Kod:
    echo "#konu".$i.":hover{";
        echo "background-color: blue;";
        echo "#konubaslikd{";
        echo "color: white;";
        echo "}";
        echo "}";
    Bunu nasıl yapabilirim?

    Yardımınıza ihtiyacım var.
     
  2. sedirAğacı

    sedirAğacı Daimi Üye

    Kayıt:
    2 Mart 2016
    Mesajlar:
    897
    Beğenilen Mesajlar:
    237
    Meslek:
    Bilgisayar programcısı.
    Şehir:
    Aydın
    örnek burda. How to affect other elements when a div is hovered
    HTML:
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    div {
      outline: 1px solid red;
    }
    #container {
      width: 200px;
      height: 30px;
    }
    
    #cube {
      width: 30px;
      height: 30px;
      background-color: red;
    }
    
    #container:hover ~ #cube { background-color: yellow; }
    
    </style>
    </head>
    <body>
    
    <div id="container" >
    
    
    
    </div>
    <br /><br /><br />
    
      <div id="cube">
      </div>
    
    
    
    </body>
    </html>
    Ayrıca 2 element farklı yerlerde olursa yada iç içe olursa onunda örneğini vermiş.
     
    webandyazilimprofesor bunu beğendi.
  3. webandyazilimprofesor

    webandyazilimprofesor Üye

    Kayıt:
    2 Eylül 2017
    Mesajlar:
    138
    Beğenilen Mesajlar:
    3
    Şehir:
    Ankara
    Merhaba,

    çok teşekkür ederim. Sayenizde sorunu çözdüm.

    İyi günler.
     
    sedirAğacı bunu beğendi.