css 如何从一个特定的元素中移除：hover效果？

lnvxswe2 于 2024-01-09 发布在其他

关注(0)|答案(3)|浏览(154)

<div class="menu-bar">
            <ul>
                <li><a href="/Home/index.html"> <i class="fa fa-house"></i>Home</a> </i></li>
            < ul >
</div>

<style>
.menu-bar ul li a:hover {
  color: black;
  transition: all 0.2s;
  border-inline-end: 2px solid;
  border-block-end: 2px solid;

</style>

字符串
我想删除：从cdn图标发发房子悬停效果。

css

来源：https://stackoverflow.com/questions/74410396/how-to-remove-hover-effect-from-a-specific-element

3条答案

按热度按时间

1zmg4dgp1#

<div class="menu-bar">
       <ul>
          <li>
             <i class="fa fa-home"></i>
             <a href="/Home/index.html">
                Home
             </a>
          </li>
    </ul>
</div>
<style>
    .menu-bar ul li a:hover {
        color: black;
        transition: all 0.2s;
        border-inline-end: 2px solid;
        border-block-end: 2px solid;
    }

    .menu-bar ul li i{
        pointer-events: none;
    }
</style>

字符串

赞(0）回复(0）举报 2024-01-09

brtdzjyr2#

<div class="menu-bar">
    <ul>
        <li><i class="fa fa-house"></i><a href="/Home/index.html"> Home</a> </i></li>
    <ul >

字符串
只需从<a>标记中取出<i>元素（图标）。

赞(0）回复(0）举报 2024-01-09

g6baxovj3#

你可以试试这个：

<div class="menu-bar">
        <ul>
            <li><i class="fa fa-house"><a href="/Home/index.html"> </i>Home</a> </i></li>
        </ul>
   </div>

  <style>
    .menu-bar ul li a:hover {
      color: black;
      transition: all 0.2s;
      border-inline-end: 2px solid;
      border-block-end: 2px solid;
      }
    </style>

字符串

赞(0）回复(0）举报 2024-01-09

我来回答

css 如何从一个特定的元素中移除：hover效果？

3条答案

相关问题

热门标签

最新问答