通过锚点单击更改页面样式，无需 Javascript

Question

是否有可能在不使用 Javascript 的情况下拥有一个锚点，即

<a href="#otherlook">

选择时使用额外的 CSS。例如使文本更大，改变颜色？

编辑

请看一下fiddle。什么 CSS 将p在选择锚点时实现第二个标签的变化？

Answer 1

这将根据您的示例链接执行您想要的操作。它使用:target伪元素。在href必须匹配id您想风格的元素。将要应用于段落的样式放入p:target类中。

演示：http : //jsfiddle.net/ThinkingStiff/9JVpZ/

HTML：

<a href="#other">Other Look</a>
<p id="keepnormal">Keep this normal</p>
<p id="other">This to change on select Other Look</p>

CSS：

p:target {
    color: red;
}

输出（点击前）：

输出（点击后）：