Question

我正在尝试使导航栏链接在悬停时以及单击时变为斜体。

这是我的导航栏html - 我应该添加什么css？

<ul>
  <li class="nav-work"><a href="/">Work</a></li>
  <li class="nav-about"><a href="/about.html">About</a></li>
  <li class="nav-contact"><a href="/contact.html">Contact</a></li>
</ul>

Answer 1

你可以这样做：

a:hover, a:active { 
    font-style: italic;
}

Answer 2

您需要使用伪类[ts] 'jwt_decode' refers to a UMD global, but the current file is a module. Consider adding an import instead.，:hover

＆＃13;

:active

＆＃13;

a:hover,
a:active {
  font-style: italic;
}

＆＃13;

Answer 3

您可以按照以下方式执行此操作，

<ul>
  <li class="nav-about"><a href="/about.html">About</a></li>
  <li class="nav-contact"><a href="/contact.html">Contact</a></li>
</ul>

如何更改导航栏链接悬停和活动状态

3 个答案: