如何將圖像應用到WordPress的CSS排序列表中？

Question

如何解決我在嘗試使用複選標記圖像在此博客文章中設置UL風格時遇到的衝突。皮膚上有一種風格，它優先於我應用於ul的風格。不知道如何超越它。我已經嘗試過所有我能想到的變化，並且我確定這只是對事物級聯的基本誤解。你能幫我嗎？

的職位是在這裏：http://alexisexhibits.com/trade-show-preparation-checklist

的CSS我的風格是：

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

我知道，重要的聲明是兩輪牛車，但通常情況下我覺得有必要在處理CMS因爲CSS是堆疊在一起的。在這種情況下，它似乎沒有幫助，但我離開了它。

違規的規則，允許檢查表明，如果我在Chrome瀏覽器開發檢查禁用它是：

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

，但我不願改變，因爲我不希望所有ul li改變，只是這個具體的一個。

什麼是解決這個問題的正確方法？你可以給出關於如何在將來爲自己提供這種事情的任何提示？

Answer 1

list-style-image應適用於<li>不是<ul>

像這樣：

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