html - href 的样式 anchor

Question

我正在尝试设置动态添加的 anchor 的样式。

html:

<ul role="menu" aria-label="Pagination">
    <li><a href="#previous" role="menuitem">previous</a></li>
    <li><a href="#next" role="menuitem">nextstep</a></li>
</ul>

我试过这样做:

a[href^='next']{display: none;}

像这样:

a[href='next']{display: none;}

但它们都不起作用，我在谷歌上也没有找到任何有用的东西。

我不能像 child 那样在这个元素上使用 CSS3，我也不想使用 javascript 来解决这个问题。

这个问题有简单的 CSS 解决方案吗？一些帮助将不胜感激。

Answer 1

您缺少 # 字符:

a[href^='#next'] { display: none; }

这个特定的选择器还会匹配 #next1234 之类的东西，因为 ^= 匹配属性开头的文本。如果你想匹配 only "#next" 你只需要使用:

a[href='#next'] { display: none; }