Html 选择后更改背景色

我希望我与边框的链接在单击时将背景颜色更改为蓝色。我希望它在被点击后保持新的背景色

这是我的密码： HTML:

这就是他们现在的样子：

选中后，我希望他们将背景颜色更改为：

---

如果要在单击后保留更改，则必须使用JavaScript:
JS:

var link=document.getElementsByClassName（“条目链接”）[0].getElementsByTagName（“a”）；
对于（变量i=0；i

.entry links>ul li a，
.入口链接>ul li span
{
光标：指针；
显示：内联块；
填充：10px；
垫面：5px；
字体大小：15px；
字号：500；
颜色：#000000；
边框：1px实心；
边界半径：10px；
}
.进入链接>ul li a.突出显示{
边框：2px实心#A1A1；
填充：10px 40px；
背景：蓝色；
宽度：300px；
边界半径：25px；
}

您可以这样做--使用相邻的css选择器：

<button class="btn">button</button>
<div class="content"></div>

btn:active + .content{
    background: blue;
}

---

您可以根据href-

.entry links>ul li a，
.入口链接>ul li span
{
光标：指针；
显示：内联块；
填充：10px；
垫面：5px；
字体大小：15px；
字号：500；
颜色：#000000；
边框：1px实心；
边界半径：10px；
}
.进入链接>ul li a：目标，
.进入链接>ul li范围：目标{
颜色：蓝色；
}

如何选择？不清楚你想做什么。被点击时被选中？@Paulie\u D被点击如果你点击它…它将进入一个新页面，因此我怀疑点击不是必需的…除非你是指点击并按住…如在

：active

@John中，那么你将不得不使用JS，或

：target

我希望它在单击后保持新的背景色：活跃不是我想要的

.entry-links > ul li a,
.entry-links > ul li span
{
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    padding-top: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    border: 1px solid;
    border-radius: 10px;
}

<button class="btn">button</button>
<div class="content"></div>

btn:active + .content{
    background: blue;
}

{
 background-color:yellow;
}