Question

在帮助下，我已经将这个列表按照我想要的方式布局和着色。

但是我将A HREF添加到列表中，现在列表值正在改变样式和颜色，从我的主css脚本中读取它。

<li class='menu'><a href='#'><span class="icon-indent"></span> Learn HTML </a></li>
<li class='menu'><a href='#'><span class="icon-indent"></span> Create my own web site: 
  <ol>
    <li class='menu'><a href='#'><span class="icon-indent"></span> Development Articles </a></li>
    <li class='menu'><a href='#'><span class="icon-indent"></span> News and Stuff </a></li>
    <li class='menu'><a href='#'><span class="icon-indent"></span> Funny Cat Pictures </a></li>
  </ol>
</a></li>

如何确保它们不会更改并使用示例中显示的样式？

由于

Answer 1

只需添加以下CSS： -

.menu a:hover {
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
         color: #000000;
}

.menu a:hover {
        color: #2693ff;
}

https://jsfiddle.net/mac3Lgv6/

css样式链接 - 搞乱了href的

1 个答案: