在CSS中,`:target` 是一个伪类选择器,而不是属性,因此它本身没有“属性值”。它的作用是匹配当前URL片段标识符(即``后的部分)对应的元素。当元素的`id`与URL片段匹配时,该元素会被`:target`选中,并应用相应的样式。
css
/ 当URL片段为 section1 时,匹配id为section1的元素 /
section1:target {
background-color: yellow; / 可设置任意CSS属性 /
border: 2px solid red;
1. 作用:为当前活动的目标元素(即通过锚点链接跳转到的元素)添加样式。
2. 匹配规则:URL中的`id`与元素的`id`属性一致时触发。
3. 适用属性:可以设置任何CSS属性(如`color`、`background`、`padding`等)。
html
当点击上方链接时,此div会应用:target的样式。
通过`:target`伪类,可以实现动态的视觉效果,增强用户与页面交互的体验。
版权声明: 知妳网保留所有权利,部分内容为网络收集,如有侵权,请联系QQ793061840删除,添加请注明来意。
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态