在下面的CSS中，当我运行项目并将鼠标悬停在li上时，颜色只影响文本的背景，而不影响整个li行。
但是当我将代码更改为下面的代码时，它覆盖了整个行。
.items-results li:hover {
background-color: #000;
}
这是怎么回事？
null
.items-html--menu:hover {
background-color: #000;
}<ul class="items-results" id="item-results">
<li class="items-html--menu">HTML</li>
<li class="items-html--menu">CSS</li>
</ul>null
点不是LI的一部分，因此您必须删除列表样式并使用伪元素（即:before）
null
.items-html--menu {
list-style: none;
}
.items-html--menu:hover {
background-color: #000;
}
.items-html--menu:before {
content: "\2022";
padding: 0 10px 0 0;
}<ul class="items-results" id="item-results">
<li class="items-html--menu">HTML</li>
<li class="items-html--menu">CSS</li>
</ul>