当前位置:首页 > 技术博客 > CSS > css目标伪类选择器

css目标伪类选择器

3年前 (2023-04-30)CSS849

形式 E:target,它表示选择匹配 E 的所有元素,且匹配元素被相关url指向

当在浏览器地址栏中输入URL,并附加 #style1 (这个和ID选择器差不多,都是选择ID)

<style>
    p:target{background: red;}
</style>
 

<p id="style1">符合链接里面 # 后面的条件,所以文字背景颜色显示红色</p>
 
<p id="style2">不符合链接里面 # 后面的条件,所以文字背景没有任何变化</p>

比如访问  www.liuzhixi.cn/html/289.html#Pviewall       那么这行文字的颜色会变成红的,因为这行文字id为:Pviewall

版权声明:本文由 LzxBlog 发布,如需转载请注明出处。

本文链接:https://cdn.liuzhixi.cn/html/289.html

标签: CSS

相关文章

3D文字关注动画页面

3D文字关注动画页面

使用css3 keyframes 属性制作蓝色大气的感谢关注3D数字动画特效。适用于404或引导页。<style> @import ur...

CSS原子环绕标志动画

CSS原子环绕标志动画

CSS原子环绕标志动画<head> <meta charset="UTF-8"> <meta...

纯css loading

纯css loading

页面加载loading沙漏动画特效<html> <head> <style> .container {...

糖果风格的动画按钮

糖果风格的动画按钮

这是一款糖果风格的动画按钮,共 16 个,每个按钮都有不同的渐变色和动画形式。<!DOCTYPE html>  &nb...

简约大气的网页背景渐变特效

简约大气的网页背景渐变特效

渐变色背景的应用在各种网页制作、ui设计是非常普遍的,分享的这套渐变背景简约大气,颜色配比很灵活,给人舒适感。有没有也觉得不错的小伙伴呢?bogy{ &nbs...

css彩色文本特效

css彩色文本特效

可用于网页制作彩色文字。这款文字效果看上去比较简单,整个制作起来还是比较讲究的。<html> <head> <meta&nbs...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。