• 23-06-2014, 11:15:05
    #1
    arkadaşlar css uzmanlarının yardımına ihtiyacım var.

    chrome da öğeyi denetle dediğimizde üstü çizili olan css kodları neden çıkar?

    linklerin üzerine fare ile gelince renk değişmesini istiyorum, fakat linke öğeyi denetle dediğimde index öğesi color kodunu gösteriyor. böyle bir şey yok dosyalarımda tabi. yani o bölge css de nerede çözemedim.

    aslında linkin üzerine gelince renk değiştiren kodlar style.css de mevcut. Ancak ondan önce önünü kesen ve bunları pasif yapan bir renk kodu var kaynağı belli olmayan. bunu nasıl buluruz?

    localde çalıştığım için örnek gösteremiyorum. tam olarak anlatamamış olabilirim lütfen irtibata geçin.
  • 23-06-2014, 11:51:59
    #2
    Üstü çizili olmasının sebebi başka bir kural tarafından o kuralın çiğnenmesi diyebiliriz.
    Detaylı açıklama:
    https://developer.chrome.com/devtools/docs/elements-styles?csw=1#computed_style
    Renk değişimi için:
    a.renkli {
    color: black;
    }
    a.renkli:hover {
    color: red;
    }
    
    <a href="" class="renkli">Ben link oldum</a>
    Çalışan örnek: http://jsfiddle.net/ex5sj/

    Kolay gelsin
  • 23-06-2014, 12:22:01
    #3
    işte o kuralı bulamadım, teşekkürler yine de.
  • 23-06-2014, 14:28:00
    #4
    1. kod yanlış yazılmıştır

    2. Daha ust seviyede tanımlama yapılmış ve özellik oradan geliyordur
  • 23-06-2014, 14:34:17
    #5
    Bunu mu demek istediniz? Ona göre cevap yazacağım.

    http://prntscr.com/3vn2cp
  • 23-06-2014, 14:36:51
    #6
    Alıntı
    !important
    olabilir mi ?
  • 23-06-2014, 14:41:51
    #7
    soulmy adlı üyeden alıntı: mesajı görüntüle
    Bunu mu demek istediniz? Ona göre cevap yazacağım.

    http://prntscr.com/3vn2cp
    evet aynen o.

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 14:41:51 -->-> Daha önceki mesaj 14:41:07 --

    wrecking adlı üyeden alıntı: mesajı görüntüle
    olabilir mi ?
    bu nedir hocam, css den pek anlamam.
  • 23-06-2014, 14:46:20
    #8
    hllzn adlı üyeden alıntı: mesajı görüntüle
    evet aynen o.

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 14:41:51 -->-> Daha önceki mesaj 14:41:07 --



    bu nedir hocam, css den pek anlamam.
    !important ; mesela width:100%!important yaparsak kodlama içerisinde sadece bu kod kullanılır başka bi yerde bi width kullanırsanız izin vermez tabi sınıflar farklı olursa değişir bu durum. Kısacası !important bir kod yazıyorsun örnektekini verelim " width:100%!important; " değiştirilmesi istenmiyorsa sonuna !important koyulur.
  • 23-06-2014, 14:47:52
    #9
    hllzn adlı üyeden alıntı: mesajı görüntüle
    evet aynen o.

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 14:41:51 -->-> Daha önceki mesaj 14:41:07 --



    bu nedir hocam, css den pek anlamam.
    Bakın resimde dikkat ederseniz 2 tane padding var. (İki seçici de aynı div'i gösteriyor)

    Tarayıcı ikisinden birini kullanmak zorunda. Peki hangisini kullanacak?

    Siz css dosyanızda sırasına göre en son hangisi yazıldıysa o kullanılır. Bir önceki kullanılmaz. Kullanılmayan da üstü çizili gösterilir.

    !important olayını da arkadaş anlatmış zaten.