如何在点击HTML页面链接后，用CSS修改段落背景色？

你可以利用CSS的:target伪类实现这个需求——当点击指向锚点的链接后，目标元素（与锚点ID匹配的段落）会触发该伪类，从而修改其背景色。

核心CSS代码 #

/* 可选：设置段落的默认背景色 */
p {
  background-color: transparent;
}

/* 当段落被锚点链接定位时，修改背景色 */
p#p4:target {
  background-color: yellow;
}

代码说明 #

• 点击<a href="#p4">Go to P4</a>后，浏览器会跳转到id="p4"的段落，此时该段落会触发:target伪类，自动应用黄色背景。
• 如果你希望所有被锚点指向的段落都生效，可以简化选择器：

p:target {
  background-color: yellow;
}

这个方案完全基于原生CSS实现，不需要额外编写JavaScript代码。

内容的提问来源于stack exchange，提问作者Denys