当先锋百科网

首页 1 2 3 4 5 6 7

CSS代码中的target选择器能够让我们访问应用程序的URI片段(通常称为“深度链接”)并根据链接中的ID对文档执行样式化操作。target选择器只对当前活动链接起作用,而不对其他链接起作用,因此通常用于单页面应用程序。

/*示例代码*/
:target {
background-color: #ccc;
}

上述代码将当前被点击的链接所指向的URI片段的ID选择器标识为活动状态。这个活动状态会使背景颜色变为灰色,以示区分。

实际上,:target选择器与URI片段的ID选择器使用相同的语法。例如,如果连接指向页面中的ID为#section1的元素,则应该使用“#section1:target”来匹配该URI片段。

/*示例代码*/
#section1:target {
background-color: #ccc;
}

在为单页面应用程序编写CSS时,:target选择器可以用于更改导航和侧边栏链接的颜色,以指示当前活动页面。通过为不同的URI片段设置样式,可以使用户更容易快速地找到他们最感兴趣的内容。