0
Kayıt Ol

Css Evrensel Tanımlamaları Değiştirme Sorunu

5

●

495

  • 17-06-2013, 01:20:23
    #1
    ch3lisky
    ch3lisky
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Arkadaşlar merhaba. Doğru bir başlık mı bilmiyorum ama şöyle bir sorunum var.

    Editlediğim bir css'de en başta linkler için özellikler belirtilmiş şu şekilde

    a {
    color:#000;
    ...
    }

    Ama ben tek bir yerde linkin rengini farjklı yapmak istiyorum ne denediysem olmuyor. Linkler hep en başta girilen link özelliklerini taşıyor. Örnek vereyim;

    Aşağıdaki gibi bir classım var diyelim ben bu şekilde hiçbir özellik giremiyorum. Giriyorum ama değişme olmuyor linkte.

    .deger a {
    color:#Ff0000;
    }

    Nasıl bir çözüm önerirsiniz arkadaşlar ?
  • 17-06-2013, 10:42:16
    #2
    sempatiks
    sempatiks
    <style>
    a:link{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:14px;
    color:#333;
    text-decoration:none;
    }
    a:hover{
    color:#F09;
    border-bottom:1px dashed #F09;
    }
    .ozel:link{
    color:#09F;
    }
    .ozel:hover{
    color:#CC0;
    border-bottom:1px dashed #CC0;
    }
    </style>

    <a href="#">Global Link</a><br />
    <a class="ozel" href="#">Özel Link</a>

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 10:42:16 -->-> Daha önceki mesaj 10:39:09 --

    lakin global css'te aşağıdaki gibi !important ibaresi geçiyorsa seninde özel link tanımladığın yerde miras aldığın özellikleri !important ile override etmen gerekir.

    a{
    color:red !important;
    }
  • 17-06-2013, 10:47:11
    #3
    T1mSaH
    T1mSaH 
    <a href="#" style="color:#Ff0000;">Link</a>
    Olacaktır büyük ihtimalle. Fakat tüm linklerde bunu kullanamazsın tabi.
  • 17-06-2013, 23:40:39
    #4
    ch3lisky
    ch3lisky
    sempatiks adlı üyeden alıntı: mesajı görüntüle
    <style>
    a:link{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:14px;
    color:#333;
    text-decoration:none;
    }
    a:hover{
    color:#F09;
    border-bottom:1px dashed #F09;
    }
    .ozel:link{
    color:#09F;
    }
    .ozel:hover{
    color:#CC0;
    border-bottom:1px dashed #CC0;
    }
    </style>

    <a href="#">Global Link</a><br />
    <a class="ozel" href="#">Özel Link</a>

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 10:42:16 -->-> Daha önceki mesaj 10:39:09 --

    lakin global css'te aşağıdaki gibi !important ibaresi geçiyorsa seninde özel link tanımladığın yerde miras aldığın özellikleri !important ile override etmen gerekir.

    a{
    color:red !important;
    }
    Teşekürler olacak sanırım böyle yaptığımda. Deneyip sonucunu söyleyeceğim. Çok teşekürler.

    T1mSaH adlı üyeden alıntı: mesajı görüntüle 
    <a href="#" style="color:#Ff0000;">Link</a>
    Olacaktır büyük ihtimalle. Fakat tüm linklerde bunu kullanamazsın tabi.
    Ama sadece renklerde oynama yapmayacağım örnek olsun diye öyle yazdım. O yüzden böyle yapmak zahmetli olur herhalde bayağı Teşekürler
  • 18-06-2013, 06:43:59
    #5
    limontasarim
    limontasarim
    Arkadaşın verdiği kodlar doğru. Farklı bir link yapısı kullanmak istediğin linkler için farklı bir class oluşturup, link kodlarına class="#" tagı eklersin olur biter.
  • 18-06-2013, 14:30:47
    #6
    KahvaLti
    KahvaLti
    ch3lisky adlı üyeden alıntı: mesajı görüntüle
    Arkadaşlar merhaba. Doğru bir başlık mı bilmiyorum ama şöyle bir sorunum var.

    Editlediğim bir css'de en başta linkler için özellikler belirtilmiş şu şekilde

    a {
    color:#000;
    ...
    }

    Ama ben tek bir yerde linkin rengini farjklı yapmak istiyorum ne denediysem olmuyor. Linkler hep en başta girilen link özelliklerini taşıyor. Örnek vereyim;

    Aşağıdaki gibi bir classım var diyelim ben bu şekilde hiçbir özellik giremiyorum. Giriyorum ama değişme olmuyor linkte.

    .deger a {
    color:#Ff0000;
    }

    Nasıl bir çözüm önerirsiniz arkadaşlar ?
    linki <a href="#" class="değer">vsvsvs</a> şeklindemi? yoksa <div class="değer"><a href="#">vsvsvs</a></div> şeklindemi girdiniz? yani değer classını linkemi yoksa linki kapsayan tagın içindemi kullandınız? verdiğiniz css koduna göre değer class'ının linkte değil; linki kapsayan tagın içinde bulunması gerekli.