CSS 超链接跳转位置
CSS 可以使用伪类 `:target` 来设置超链接跳转到页面内的不同位置。假设我们有一个页面,其中包含一个锚点标签:
<a id="section1"></a>我们可以使用 `:target` 伪类来对该锚点进行样式设置:
/* 定义锚点样式 */ :target { background-color: yellow; } /* 指定超链接 */ <a href="#section1">跳转到第一节</a>在该示例中,当我们点击超链接 `跳转到第一节` 时,浏览器会跳转到页面内 ID 为 `section1` 的元素处,并应用这个 `:target` 的样式。通过这个样式,我们可以设置锚点正在被访问时,对应代码块的样式效果。 需要注意的是,锚点的 ID 记得要保证唯一性,否则效果可能不如预期。 综上,我们可以通过 CSS 的 `:target` 伪类来为锚点设置点击样式,而这个技巧可以很好地应用于页面内部的导航和定位。