Görüntü, WordPress'te CSS sipariş listesine nasıl uygulanır?

Question

Onay işareti resimlerle bu blog yazısında UL'yi stillemeye çalışırken karşılaştığım çakışmayı nasıl düzeltirim? Cilde uygulamış olduğum stile göre ön planda olan bir stil var. Aşırı sürüş konusunda emin değilim. Düşünebildiğim her varyasyonu denedim ve eminim ki, işlerin nasıl kademeli olduğuyla ilgili basit bir yanlış anlaşılmadır. Yardım edebilir misin?

sonrası buradadır: http://alexisexhibits.com/trade-show-preparation-checklist

I tarzı için sahip CSS: Biliyorum

.checklist { 
    list-style-image: url(http://alexisexhibits.com/wp-content/uploads/2016/04/checkmark-ul.jpg) !important; 
} 

, önemli beyanı hackery olmakla çoğu zaman CMS'le ile ilişkilerde gerekli bulmak şeyler, CSS birbirinin üzerine yığıldığı için. Bu durumda yardım etmek istemiyor, ama ben onu bıraktım.

Ben Chrome Dev denetçisi bunu devre dışı bırakırsanız çekler görüntülenmesine olanak sağlar kusurlu kural şudur:

.shortcodes ul li { 
    list-style: disc; 
} 

ama hepsi ul li değiştirmek istemiyoruz olarak bunu değiştirmeye kararsız değilim, sadece bu özel olanı.

Bunu düzeltmenin doğru yolu nedir? Bu tür bir şeyi gelecekte kendim için nasıl soğutacağınıza dair herhangi bir ipucu var mı?

Answer 1

list-style-image<li> değil bu gibi <ul>

uygulanması gerektiğini:

.checklist li{ 
    list-style-image: url('http://alexisexhibits.com/wp-content/uploads/2016/04/checkmark-ul.jpg') !important; 
}