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ı?
CSS !Important Kullanımı |
8 Mesajlar | 1.354 Okunma | ||
- Üyelik 28.02.2018
- Yaş/Cinsiyet 29 / E
- Meslek Freelancer
- Konum Diğer
- Ad Soyad A** K**
- Mesajlar 3292
- Beğeniler 1797 / 1799
- Ticaret 20, (%100)
- Üyelik 21.04.2018
- Yaş/Cinsiyet 35 / E
- Meslek Ceo at FineArts Medya
- Konum Antalya
- Ad Soyad İ** S**
- Mesajlar 97
- Beğeniler 3 / 14
- 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.
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.
- Üyelik 18.11.2011
- Yaş/Cinsiyet 35 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%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.
- Üyelik 21.04.2018
- Yaş/Cinsiyet 25 / E
- Meslek Öğrenci
- Konum Sakarya
- Ad Soyad B** Ö**
- Mesajlar 2112
- Beğeniler 626 / 737
- 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.
#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.
- Üyelik 22.10.2017
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum Antalya
- Ad Soyad U** K**
- Mesajlar 49
- Beğeniler 13 / 4
- Ticaret 0, (%0)
- aa
- bb
- cc
Bu şekilde yaptığımız zaman bütün yazılar #000 yani siyah renkte gözükecek fakat
- aa
- bb
- cc
Bu şekilde yaparsak "bb" olan yazı beyaz olacaktır.
- Üyelik 06.05.2017
- Yaş/Cinsiyet 28 / E
- Meslek Serbest
- Konum Kocaeli
- Ad Soyad O** Y**
- Mesajlar 223
- Beğeniler 82 / 59
- Ticaret 4, (%100)
Eğer aynı elemente etki eden iki tane !important komutu varsa ne olur?
Kişisel Yazılım Blogu: https://oguzhan.dev/
- Üyelik 22.10.2017
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum Antalya
- Ad Soyad U** K**
- Mesajlar 49
- Beğeniler 13 / 4
- Ticaret 0, (%0)
En son yazılan etki eder diye biliyorum. Yani;
Burada bb nin rengi beyaz olur fakat kodlar şu şekilde olsaydı
Bütün yazıların rengi siyah olurdu.
- aa
- bb
- cc
Burada bb nin rengi beyaz olur fakat kodlar şu şekilde olsaydı
- aa
- bb
- cc
Bütün yazıların rengi siyah olurdu.
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)