Question

a {
  color:black;
}

a:hover {
  color:red;
}

<ol>
          <a href="#"><li>Main1</li></a>
          <a href="#"><li>Main2</li>
          <a href="#"><li>Main3
            <ol>
              <a href="#"><li>Sub1</li></a>
              <a href="#"><li>Sub2</li></a>
              <a href="#"><li>Sub3</li></a>
            </ol>
          </li></a>

          <a href="#"><li>Main4</li></a>
          <a href="#"><li>Main5</li></a>

          <a href="#"><li>Main6</li></a>
        </ol>

当鼠标悬停在每个项目上时，项目的颜色将变为红色。但是，我在Main3下面有一些子项目，当我在Main3上盘旋时只有Main3变红，如何使main3前面的数字“3”变成红色？

Answer 1

你可以在你的CSS上试试吗。

ul li a，ol li a {text-decoration：none;}

ul li a：hover，ol li a：hover {color：＃E8001F;}

另外，不应该反过来吗？

某处1
某处2
某处3

当鼠标悬停在嵌套列表上时，如何使文本变为红色？

1 个答案: