css样式的问题

Question

<ul>
    <li style="background: url('images/toDoEmpty.svg')no-repeat;width: 17px;height: 17px"></li>
    <li style="background: url('images/toDoEmpty.svg')no-repeat;width: 17px;height: 17px"></li>
    <li style="background: url('images/toDoEmpty.svg')no-repeat;width: 17px;height: 17px"></li>
</ul>

写了行内样式，然后在写

<style>
   li:nth-child(3):hover{
       width: 17px;
       height: 17px;
       background: url("images/toDoEmptyHover.svg")no-repeat;
   }
</style>

为什么会没有效果

Answer 1

内联样式权重最高，当然是先用内联样式了。内联＞id选择器＞class选择器 内联样式写一个人class即可。

Answer 2

css优先行内样式，背景图片的地址有问题所以没效果，那个svg地址前面加个/，svg文件必须xml格式