Css 设置为页面的当前目标节（“部分url”节）提供链接的锚定标记的样式

使用纯CSS，是否可以选择href属性与当前URL锚点匹配的链接，而不使其

id

属性与其

href

等效

例如，如果用户位于主页的

#abc

部分（

index.html#abc

），我想为

href

为

#abc

的链接设置一些CSS规则，但仅当用户的URL指向该

#abc

部分时

例如，对于以下HTML：

<a href="#abc">Some link</a>
<a href="#other">Other link</a>
...
more unrelated tags
...
<div id="other">...</div>
<div id="abc">...</div>

...
更多不相关的标签
...
...
...

---

我想知道，在纯CSS而非Javascript的情况下，是否有可能为

href

为#abc的链接设置样式，但前提是

id

也为“abc”的元素是URL的目标元素。

我知道CSS不可能知道当前使用的URL

唯一可能的方法是将元素放在节下面，并滥用

：hover

和

~

选择器。但是，老实说，JavaScript的发明是有原因的

但这也不符合你现在的问题

#再见：hover~nav a[href*=“#再见”]，#你好：hover~nav a[href*=“#你好”]{
字体大小：粗体；
颜色：青色；
}
/*其他样式*/
html{
滚动行为：平滑；
保证金：0；
填充：0；
}
部分{
高度：105vh；
填充：10px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
}
#你好{
背景：浅灰色；
}
#再见{
背景：鲑鱼；
}
导航{
高度：5vh；
填充：10px；
位置：固定；
背景：白色；
宽度：100%；
排名：0；
}

你好
再见

是的，不允许使用Javascript，因为即使网站关闭，也应该可以正常工作。无论如何，我感谢你的回答。