Less/Sass 学习笔记

Less

hover

css元素hover时控制另一个元素的显示隐藏

img {
      width: 25%;
      cursor: pointer;
      &:hover + .header-sm-nav {  // + 表示选择兄弟元素
        display: block;
      }
}

<img src="image/header/arrows_up.png" alt="" class="v-center">
     <ul class="header-sm-nav">
        <li><a>首页</a></li>
     </ul>
</img>