1，伪类

w3c的定义：CSS伪类是用来添加一些选择器的特殊效果。
伪类是指原本存在的标签，在满足某些条件的情况下，就会属于这个伪类。
伪类是类，所以跟css选择器有关，不存在与dom中。

a标签的伪类

a:link {color:red;} /* 未访问的链接 */
a:visited {color:green;} /* 已访问的链接 */
a:hover {color:blue;} /* 鼠标悬停的链接 */
a:active {color:yellow;} /* 已选中的链接 */

2，伪元素

伪元素，就是原本不存在的标签，按照一定的条件添加新标签才能得到的效果。
伪元素不存在与dom对象中，但是浏览器审查元素的时候能看得到的。

3，伪类伪元素的区别

3.1，相同点

伪类和伪元素都不出现在源文件和文档树中。

3.2，不同点

伪类是类，伪元素是元素；
CSS3中伪类和伪元素的语法不同；
伪类是单冒号:来表示；伪元素是双冒号::来表示。
可以同时使用多个伪类，而只能同时使用一个伪元素；

总结：伪元素产生新标签，在DOM树中看不到（审查元素的时候可以看到），但是可以操作；伪类不产生新的对象，仅是DOM中一个元素的不同状态。

学习笔记（10）伪类伪元素相关推荐

【web】伪类伪元素
伪类伪元素伪类选择器可以理解为描述元素的某种状态常用伪类 a标签的4种伪类(要按顺序书写:link.visited.hover.active) :link:元素链接点击前的样式 :visited ...
JVM学习笔记(Ⅰ)：Class类文件结构解析（带你读懂Java字节码，这一篇就够了）
JVM学习笔记(Ⅰ):Class类文件结构解析,带你读懂Java字节码前言:本文属于博主个人的学习笔记,博主也是小白.如果有不对的地方希望各位帮忙指出.本文主要还是我的学习总结,因为网上的一些知识分 ...
Web前端学习笔记10：移动web开发流式布局_flex布局
文章目录移动web开发之rem布局 1 rem基础 1.1 rem单位 2 媒体查询 2.1 什么是媒体查询 2.2 媒体查询语法规范 3 less 基础 3.1 维护css弊端 3.2 Less ...
thinkphp学习笔记10—看不懂的路由规则
原文:thinkphp学习笔记10-看不懂的路由规则路由这部分貌似在实际工作中没有怎么设计过,只是在用默认的设置,在手册里面看到部分,艰涩难懂. 1.路由定义要使用路由功能需要支持PATH_INF ...
HALCON 20.11：深度学习笔记(10)---分类
HALCON 20.11:深度学习笔记(10)---分类 HALCON 20.11.0.0中,实现了深度学习方法. 本章解释了如何在训练和推理阶段使用基于深度学习的分类. 基于深度学习的分类是一种对一 ...
Python学习笔记--10.Django框架快速入门之后台管理admin（书籍管理系统）
Python学习笔记--10.Django框架快速入门之后台管理一.Django框架介绍二.创建第一个Django项目三.应用的创建和使用四.项目的数据库模型 ORM对象关系映射 sqlite ...
SpringMVC:学习笔记(10)——整合Ckeditor且实现图片上传
SpringMVC:学习笔记(10)--整合Ckeditor且实现图片上传配置CKEDITOR 精简文件解压之后可以看到ckeditor/lang下面有很多语言的js,如果不需要那么多种语言的,可 ...
springmvc学习笔记(10)-springmvc注解开发之商品改动功能
springmvc学习笔记(10)-springmvc注解开发之商品改动功能 springmvc学习笔记(10)-springmvc注解开发之商品改动功能标签: springmvc springmv ...
Hadoop学习笔记—10.Shuffle过程那点事儿
Hadoop学习笔记-10.Shuffle过程那点事儿一.回顾Reduce阶段三大步骤在第四篇博文<初识MapReduce>中,我们认识了MapReduce的八大步骤,其中在Reduc ...

学习笔记（10）伪类伪元素

目录