Question

原谅我的样式表。我无法创建特定部分，即.hot-menu在悬停时更改颜色。似乎只使用页面悬停。我尝试过几个选项，但都没有。该网页位于：

http://tahoe-luxury-properties.com/index4.html

以＆＃34; Home＆＃34;开头的左上角导航菜单在我喜欢的绿色中悬停不变，即#73AD21。

大部分控制该菜单的css是：

.hot-menu {
    font-size: 13px;
    letter-spacing: 1.1px;
    font-weight: 400;
    font-family: "Oswald", Arial, Helvetica;
    line-height: 20px;
    float: left;
    text-align: center;
    display: table;
    border-bottom-width: fit-content;
    margin: 5px 10px; /* <-- Fix */
    padding: 7px 0px; /* <-- Fix */
    hover: #73AD21 !important;
 }

 li a {
     border-bottom: 4px solid #0CF;
     padding: 7px 0px;
 }

我尝试将绿色添加到＃，内联，li中并且无法获得它。聪明的人总是似乎有所帮助。任何想法将不胜感激。 -Beth

Answer 1

您需要指定如下：

.hot-menu a:hover {
    color: #73AD21;
}

不需要！important

:hover也是一个伪类，不能像你设置的那样使用

查看代码，您也可以简化它，而不是：

<li>
  <p>
    <span>
      <a>Link</a>
    </span>
  </p>
</li>

只需写下

<li>
  <a>Link</a>
</li>

hover不会在子链接上工作

1 个答案: