使用html三角形作为列表

我怎样才能展示► 当鼠标悬停在链接列表上时，是否在链接旁边

►

<ul>
  <li><a href="">link</a></li>
  <li><a href="">link</a></li>
</ul>

和#9658；

CSS

ul li:hover .tri{display:none}
ul li:hover .tri{display:inline}

HTML

►
►

---

这可能会更好地防止事物水平跳跃，特别是如果您切换

可见性

而不是

显示

。

ul li:hover .tri{display:none}
ul li:hover .tri{display:inline}

<ul>
  <li><span class="tri">&#9658;</span><a href="">link</a></li>
  <li><span class="tri">&#9658;</span><a href="">link</a></li>
</ul>

a:hover:before {
    content:'\25BA';
}