如何将图像应用到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; 
}