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格式