Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

İç içe css kullanımı

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Daha fazla göster butonu
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
8
Cevap
0
Favori
650
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • 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) : 

    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.

    < Bu ileti DH mobil uygulamasından atıldı >



  • <p class="text1">1.metin</p>
    <p class="text2">2.metin</p

    şeklinde 2 öğemiz olsun elimizde örneğin. css tarafında aşağıdaki şekilde yapılması gerekiyor;

    text1:hover + .text2 {
    color:red
    }

    şeklinde. yani text1 hover olduğunda text2' e şunu yap diyoruz.



    < Bu mesaj bu kişi tarafından değiştirildi mrheadbang0 -- 30 Mart 2018; 10:46:56 >
  • bunu javascript ile yapsana neden boşuna css kasıyorsunki ? js nin amacı o zaten.
  • quote:

    Orijinalden alıntı: Opium-

    <p class="text1">1.metin</p>
    <p class="text2">2.metin</p

    şeklinde 2 öğemiz olsun elimizde örneğin. css tarafında aşağıdaki şekilde yapılması gerekiyor;

    text1:hover + .text2 {
    color:red
    }

    şeklinde. yani text1 hover olduğunda text2' e şunu yap diyoruz.

    Eminmisin?

    https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors

    < Bu ileti tablet sürüm kullanılarak atıldı >




  • JacquesC kullanıcısına yanıt
    Hangi konuda emin miyim hocam? yazdığım kod tarafımca test edilip başarılı sonuç alınan bir koddur. yanlışlık gördüğünüz bir kısım var mıdır?
  • Hocam Bu Şekilde Bir Çalışan HTML/CSS Kod Bloğu Atarmısınız.

    < Bu ileti tablet sürüm kullanılarak atıldı >
  • JacquesC kullanıcısına yanıt
    buyur hocam.

    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>

    <style>
    .text1:hover + .text2 {
    color:red
    }
    </style>
    </head>
    <body>

    <p class="text1">1.metin</p>
    <p class="text2">2.metin</p>

    </body>
    </html>
  • Saolun Hocam. Elinize Sağlık.

    < Bu ileti tablet sürüm kullanılarak atıldı >
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız