CSS伪类、伪元素笔记

于 2020-08-28 15:41:39 发布
阅读量103 收藏
点赞数
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyj0209/article/details/108279894
版权

CSS伪类

伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。

使用时为一个冒号

伪元素

创建抽象元素，但是这些元素不存在于DOM树中，如::first-letter，类似于将元素的首字母单独拿别的标签包起来，创建了之前不存在的抽象元素，该元素也不会出现在dom树中，于是就有了“伪”一说

使用时是两个冒号

下面是伪类伪元素的总结图

 

 

 

z沧笙踏歌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css笔记
04-02
3. **类选择器、属性选择器、伪类和伪元素**：优先级较低，如`.myClass`。 4. **标签选择器和通配符选择器**：最低优先级，如`div`和`*`。 **CSS预处理器** 1. **Sass**：提供变量、嵌套规则、混合（mixins）等功能...
HTML5 零基础到实战（四）伪类和伪元素笔记
heart_6662的博客
02-10 1753
????个人简介 我已加入 1_bit 博主的免费前端 站起来 学习计划，专栏链接：一哥博客 ???? 作者简介：⭐️大一heart，还在学习（卷）当中，欢迎交流指正~???? ???? 个人主页 heart的博客???? ????如果文章知识点有错误的地方，请指正留言????！和大家一起学习，一起进步 ???? 系列专栏：大话前端???? ????格言：人生舞台的大幕随时都可能拉开，关键是你愿意表演，还是选择躲避???? ????如果感觉博主的文章还不错的话，请????三连支持一下博主????哦 目
CSS学习笔记--伪元素
PRCORANGE的博客
08-08 102
first-line 伪元素 “first-line” 伪元素用于向文本的首行设置特殊样式。 <!DOCTYPE html> <html> <head> <style> p:first-line { color:#ff0000; font-variant:small-caps; } </style> </head> <body> <p>You can use the :first-line pseudo-el
部分CSS笔记.docx
09-08
* 伪类选择器： + 选中状态选择器：X:checked{} + 不可用状态选择器：X:disabled{} + 可用状态选择器：X:enabled{} + 第一个子元素选择器：:first-child{ } + 最后一个子元素选择器：:last-child{ } + 第 n ...
css经典学习笔记.zip
11-01
CSS选择器种类繁多，包括类型选择器、类选择器、ID选择器、属性选择器、伪类和伪元素等。层叠原则（Cascading）决定了当多个规则应用于同一元素时，哪个规则优先级更高。一般情况下，更具体的选择器优先级更高，ID...
css3制作的mac笔记本电脑
11-05
在该项目中，可能运用了CSS3的伪元素和伪类来构造笔记本电脑的各个部分，如屏幕、键盘、触摸板等，并利用transform属性实现翻转、旋转等效果，模拟开合动作。同时，可能使用transition和animation属性添加平滑过渡和...
使用css 绘制笔记本电脑
09-08
总之，使用CSS绘制笔记本电脑是一个综合运用选择器、定位、盒模型、边框、渐变、阴影和伪元素等技巧的过程。通过熟练掌握这些技术，你可以创造出各种各样的视觉效果，提升网站的用户体验。同时，不断地实践和学习新...
pi_heif-0.17.0-pp310-pypy310_pp73-macosx_12_0_x86_64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
mmexport1722080103662.jpg
07-27
mmexport1722080103662.jpg
matlab 20244a 6
07-27
matlab 20244a 6
pi_heif-0.17.0-cp310-cp310-macosx_12_0_x86_64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
pillow-10.4.0-cp312-cp312-musllinux_1_2_aarch64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
生产管理体系设计全案.pptx
07-27
生产管理体系设计全案.pptx
软件管理器的开发-代码-AppExplorer-0.4.zip
最新发布
07-27
软件管理器的开发_代码_AppExplorer_0.4.zip
[毕设]一体化学生选课平台设计与实现.zip
07-27
[毕设]一体化学生选课平台设计与实现
cykooz.resizer-3.0.0-cp311-cp311-macosx_10_12_x86_64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
手写数字识别系统的设计实现.zip
07-27
手写数字识别系统的设计实现.zip
人力总监从0到N搭建人力资源体系 -从0到N搭建职位管理与职业生涯体系.pptx
07-27
人力总监从0到N搭建人力资源体系 -从0到N搭建职位管理与职业生涯体系.pptx
avif-0.5.0-pp27-pypy_73-manylinux1_x86_64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值