Html CSS突出显示列表条目

我创建了一个简单的列表，如下所示：

.menu-ul{
字体大小：20px；
左边距：0；
列表样式：无；
左侧填充：5px；
}
李先生{
位置：相对位置；
左：3em；
利润率：0.45em0；
列表样式：无；
线高：1.8em；
字体大小：20px；
光标：指针；
-webkit转换：所有0.2秒易入易出；
过渡：所有0.2秒缓进缓出；
}
.菜单李：悬停{
颜色：#2693ff；
}
李：以后{
位置：绝对位置；
顶部：2.1米；
左：0.9em；
宽度：2倍；
高度：计算（100%-2米）；
内容：''；
z指数：0；
}
.李莉{
字体大小：20px；
}

学习HTML
创建我自己的网站：
开发文章
新闻和东西
有趣的猫图片

利润
利润
创建我自己的网站：
开发文章
新闻和东西
有趣的猫图片

有趣的猫图片

将每个项目的文本包装在标记中，然后对其应用CSS悬停：

<li class='menu'>
  <span class="icon-indent"></span>
  <span class="item-text">Learn HTML</span>
</li>

.item-text:hover {
  color: #2693ff;
}

学习HTML

.项目文本：悬停{
颜色：#2693ff；
}

在菜单li上设置黑色。看看这是否有帮助

.menu li {
    position: relative;
    padding-left: 3em;
    margin: 0.45em 0;
    list-style: none;
    line-height: 1.8em;
        font-size:20px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
     color: #000000; <-- ADD THIS
 }

.menu li{
位置：相对位置；
左：3em；
利润率：0.45em0；
列表样式：无；
线高：1.8em；
字体大小：20px；
光标：指针；
-webkit转换：所有0.2秒易入易出；
过渡：所有0.2秒缓进缓出；
颜色：#000000；试试这个


.menu-ul{
字体大小：20px；
左边距：0；
列表样式：无；
左侧填充：5px；
}
李先生{
位置：相对位置；
左：3em；
利润率：0.45em0；
列表样式：无；
线高：1.8em；
字体大小：20px；
光标：指针；
-webkit转换：所有0.2秒易入易出；
过渡：所有0.2秒缓进缓出；
}
李：悬停{
颜色：#2693ff；
}
奥利：悬停{
颜色：#2693ff；
}
李：以后{
位置：绝对位置；
顶部：2.1米；
左：0.9em；
宽度：2倍；
高度：计算（100%-2米）；
内容：''；
z指数：0；
}
.李莉{
字体大小：20px；
}

学习HTML
创建我自己的网站：
开发文章
新闻和东西
有趣的猫图片
利润
利润
创建我自己的网站：
开发文章
新闻和东西
有趣的猫图片
有趣的猫图片
只需将菜单项的内容放入
或
标记中，并添加
：仅将
样式悬停在那些样式上，而不是
li
。除此之外，为什么要使用不同的引号字符（在
ul
和
li
上使用单引号，在
span
元素上使用双引号）？除了你已经从其他人那里得到了答案外，你在第11行有一个html错误。你忘记了结束标记。因此，
利润
应该是
利润
谢谢排序：）谢谢我喜欢这种影响。很高兴我能帮上忙