如果<a>标签带有#,则删除光标

Question

对于一个项目,我有一个动态的megamenu.

在主菜单中,我有<a>带有URL的标签& #.我需要分配cursor:pointer作为cursor:default对<a>携带标签href="#".

有没有可能控制使用CSS

<ul>
  <li><a href="#">Dummy</a></li>
  <li><a href="url.htm">Dummy</a></li>
  <li><a href="url.htm">Dummy</a></li>
</ul>

Answer 1

通过在标签上使用属性选择器,您可以轻松检测哪些链接在其href中包含#.

从那里,您只需应用cursor: default样式即可获得所需的结果.

a[href="#"] { cursor: default }

<ul>
  <li><a href="#">Dummy</a></li>
  <li><a href="url.htm">Dummy</a></li>
  <li><a href="url.htm">Dummy</a></li>
</ul>