时间戳

首页 > 解决方案 > 我在 css 突出显示文本时遇到问题

html - 我在 css 突出显示文本时遇到问题

问题描述

我在超文本链接的 css 端遇到问题，将您传输到网站其他页面的字符串，当我将鼠标悬停在消息上时它们没有突出显示，当涉及到这些东西时，我看不到问题代码，我可以帮忙吗？

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  hover: red;
}

a {
  color: white;
}


}
a:hover {
  color: red;
}
<u1>
  <li style="list-style-type: none;"><a href="Chocolate.html">Chocolate</a></li><br>
  <li style="list-style-type: none;"><a href="Mallow.html">Marshmallows</a></li><br>
  <li style="list-style-type: none;"><a href="Gummy.html">Gummy Candy</a></li><br>
  <li style="list-style-type: none;"><a href="Seasonal.html">Seasonal Candy</a></li><br>
  <li style="list-style-type: none;"><a href="Fizzy.html">Fizzy Candy</a></li><br>
  <li style="list-style-type: none;"><a href="Lollipops.html">Lollipops</a></li><br>
  <li style="list-style-type: none;"><a href="Chewy.html">Chewy Candy</a></li><br>
  <li style="list-style-type: none;"><a href="HardBoiled.html">Hard Boiled Candy</a></li><br>
  <li style="list-style-type: none;"><a href="New.html">Newest Selection</a></li><br>
</u1>

标签： htmlcss

解决方案

  1. 你有一个错字，u1而不是ul
  2. 您对 A 的定义太多，因此忽略了悬停，我删除了a { color: white; }
  3. LI 上不必要的内联列表类型
  4. 不使用 float 和 br 时不要使用 float 和 br 也是如此。我删除li { float: left; }并<br>

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}


li a {
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  
}
li a:hover {
  color: red;
}
<ul>
  <li><a href="Chocolate.html">Chocolate</a></li>
  <li><a href="Mallow.html">Marshmallows</a></li>
  <li><a href="Gummy.html">Gummy Candy</a></li>
  <li><a href="Seasonal.html">Seasonal Candy</a></li>
  <li><a href="Fizzy.html">Fizzy Candy</a></li>
  <li><a href="Lollipops.html">Lollipops</a></li>
  <li><a href="Chewy.html">Chewy Candy</a></li>
  <li><a href="HardBoiled.html">Hard Boiled Candy</a></li>
  <li><a href="New.html">Newest Selection</a></li>
</ul>

推荐阅读