Question

因此，我在固定的标头中有一些锚点。我想看看是否有css属性/技巧/ hack，但我不知道该属性是否允许我在选择所选部分锚点时更改其颜色，并且在选择另一部分时显然可以改回常规样式。我不确定这是否可能，但是我无法使用javascript -仅使用CSS。所有内容都在一页纸上，所以这与在新页面上更改颜色不一样。

<header>
<ul>
<li><a href="#one">○</a></li>
<li><a href="#two">○</a></li>
<li><a href="#three">○</a></li>
<li><a href="#four">○</a></li>
<li><a href="#five">○</a></li>
</ul>
<header>

编辑：一种新方法。经过研究，我决定使用按钮的：focus功能。

这就是我得到的：

HTML

<button href="one" class="circle">○</button>
<button href="two" class="circle">○</button>
<button href="three" class="circle">○</button>
<button href="four" class="circle">○</button>

CSS

.circle{
    background-color: none;
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}
.circle:focus {
    color: red;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

我以为我可以将按钮用作锚标记...失败。

Answer 1

您可以使用：focus。

a:focus { 
    background-color: red;
}

更改网站NO JAVASCRIPT

1 个答案: