Birkaç ay için bir web sitesi üzerinde çalışıyorum, ve bir şey düzenlemek için çalışıyorum, çok, !important kullanmak zorunda kaldımörneğin:

div.myDiv { 
    width: 400px !important;
}

yapmak için beklendiği gibi görüntülenir. Bu kötü bir uygulamadır? Veya !important komutunu kullanmak için iyi mi? Bu hiçbir şey daha fazla satır aşağı istenmeyen neden olabilir?

Evet, !important kötü bir uygulamadır. !önemli başlangıçta görme bozukluğu olan insanlar stili üzerine yazmak yardımcı olmak için tasarlanmış web sayfaları. Erişilebilirlik yazılım/plugins !important bir web sitesinin CSS varsayılan kuralları üzerine yazmak için kullanın.

CSS !important kullanarak bazen bir kuralı zorlamak için yararlı olabilir, ancak bazı etkileri vardır:

1. Senin stil artık basamaklı değil. Genellikle kuralları daha aşağı stil daha yukarı olan kurallar üzerine gerçeği güvenebilirsiniz yerde !important ile hiçbir zaman emin olamazsınız. Bu !important olarak atanmış olan hatırlamak ya da onlar için her zaman aramak zorunda CSS düzenlemek zorunda kalıyoruz.

2. Erişilebilirlik yazılımı kullanan kullanıcılar sorunları web sitesi görme karşılaşabilirsiniz.

Çözüm:

1. CSS daha iyi kullanım özelliklerine basamaklı

2. Daha spesifik kuralları kullanın. Eleman önce bir veya daha fazla öğe belirtilerek kuralın, daha özel ve daha yüksek bir öncelik alır seçiyorsun:

   <div id="test">
     <span>Text</span>
   </div>
   

   div#test span { color: green }
   span { color: red }
   div span { color: blue }
   

Ne olursa olsun düzeni, metni bu kuralı en özel olduğundan yeşil olacak (Ayrıca, mavi kuralı kırmızı için kural, kuralların olursa olsun sipariş üzerine yazar).