Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

6Beğeni
  • 1 Yazan beintru
  • 3 Yazan cgrclk
  • 1 Yazan worldww
  • 1 Yazan qodexTr07

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Yeni Başlayanlar

CSS !Important Kullanımı

  #1  
Okunmamış 06 Haziran 2018, 06:16
sworks Adlı Üyenin Avatarı
serdarwork.com/tr
 
Üyelik Tarihi: 28 Şubat 2018
Cinsiyet: Erkek
Meslek: WordPress
Konum: Diğer
Ad, Soyad: Ah... Ko...
Mesajlar: 1.939
Beğeniler: 992 / 1057
Ticaret: 12, 100%
Merhabalar,

Siteye custom css eklerken hangi durumlarda !important kullanmalıyız?

Ayrıca, custom css için !important kullanımının site hızı vb. açısından herhangi bir sakıncası var mı?
  #2  
Okunmamış 06 Haziran 2018, 10:05
Avatar Seçilmemiş
Üyeliği Durdurulmuş
 
Üyelik Tarihi: 21 Nisan 2018
Cinsiyet: Erkek
Konum: Antalya
Ad, Soyad: İs... Sa...
Mesajlar: 116
Beğeniler: 14 / 3
Ticaret: 2, 100%
O satırdaki kodu ön plana çıkarmak için kullanıyorsun. Yani

li.deneme{
background-color:#f00 !important;
}

Ayrıca inline css kodlarını ezmek içinde kullanılır. Site hızı açısından bir sıkıntı teşkil etmez ancak !important çok fazla kullanılan bir tanım değil. Bazı yerlerde hayat kurtarır.
sworks bunu beğendi.
  #3  
Okunmamış 06 Haziran 2018, 12:56
cgrclk Adlı Üyenin Avatarı
Fortis Fortuna Adiuvat
 
Üyelik Tarihi: 18 Kasım 2011
Cinsiyet: Erkek
Meslek: Web Developer
Konum: Konya
Ad, Soyad: Ça... Ço...
Mesajlar: 3.222
Beğeniler: 2158 / 1179
Ticaret: 50, 100%
Custom css içinde kullandığınız kod ile varsayılan olarak kullanılan kod çakışırsa ve sizin yazdığınız kodun çalışmasını isterseniz o zaman important kullanabilirsiniz.
AJAN53, yilmaz70 ve sworks bunu beğendi.
  #4  
Okunmamış 06 Haziran 2018, 13:11
Avatar Seçilmemiş
Üyeliği Durdurulmuş
 
Üyelik Tarihi: 21 Nisan 2018
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Sakarya
Ad, Soyad: Ba... Öz...
Mesajlar: 2.155
Beğeniler: 739 / 625
Ticaret: 4, 100%
!important kullandığınız zaman o koddan önceki ve sonraki tüm kodlar geçersiz olur. Sadece o kod çalışır.

#div {
width:100%;
}

diyelim.

Siz width:100% kısmına !important eklerseniz:

#div {
width:100%!important;
}
#div {
width:50%;
}

50% kısmı sonra gelmesine rağmen çalışmaz. !important kısmı çalışır.
sworks bunu beğendi.
  #5  
Okunmamış 20 Haziran 2018, 00:52
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 22 Ekim 2017
Yaş / Cinsiyet: 18 / Erkek
Meslek: Öğrenci
Konum: Antalya
Ad, Soyad: Um... Ka...
Mesajlar: 49
Beğeniler: 4 / 13
Ticaret: 0, 0%
<html>
<style>
.white{color:#fff}
li{color:#000}
</style>
<ul>
<li>aa</li>
<li class="white">bb</li>
<li>cc</li>
</ul>
</html>

Bu şekilde yaptığımız zaman bütün yazılar #000 yani siyah renkte gözükecek fakat

<html>
<style>
.white{color:#fff !important}
li{color:#000}
</style>
<ul>
<li>aa</li>
<li class="white">bb</li>
<li>cc</li>
</ul>
</html>

Bu şekilde yaparsak "bb" olan yazı beyaz olacaktır.
sworks bunu beğendi.
  #6  
Okunmamış 20 Haziran 2018, 09:19
owuzan Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 06 Mayıs 2017
Yaş / Cinsiyet: 23 / Erkek
Meslek: Serbest
Konum: Kocaeli
Ad, Soyad: Oğ... Yı...
Mesajlar: 199
Beğeniler: 53 / 62
Ticaret: 4, 100%
Eğer aynı elemente etki eden iki tane !important komutu varsa ne olur?
  #7  
Okunmamış 20 Haziran 2018, 12:53
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 22 Ekim 2017
Yaş / Cinsiyet: 18 / Erkek
Meslek: Öğrenci
Konum: Antalya
Ad, Soyad: Um... Ka...
Mesajlar: 49
Beğeniler: 4 / 13
Ticaret: 0, 0%
En son yazılan etki eder diye biliyorum. Yani;
<style>
li{color:#000 !important}
.white{color:#fff !important}
</style>
<ul>
<li>aa</li>
<li class="white">bb</li>
<li>cc</li>
</ul>
Burada bb nin rengi beyaz olur fakat kodlar şu şekilde olsaydı
<style>
.white{color:#fff !important}
li{color:#000 !important}
</style>
<ul>
<li>aa</li>
<li class="white">bb</li>
<li>cc</li>
</ul>
Bütün yazıların rengi siyah olurdu.
  #8  
Okunmamış 20 Haziran 2018, 21:11
sworks Adlı Üyenin Avatarı
serdarwork.com/tr
 
Üyelik Tarihi: 28 Şubat 2018
Cinsiyet: Erkek
Meslek: WordPress
Konum: Diğer
Ad, Soyad: Ah... Ko...
Mesajlar: 1.939
Beğeniler: 992 / 1057
Ticaret: 12, 100%
Peki child temanın custom css özelliğini kullanıyorum. En fazla ne kadar uzunlukta olmalı site hızına olumsuz etkisi olur mu?
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Yeni Başlayanlar


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 13:13.