CSS内置的几个标准的伪类和伪对象

伪类和伪对象相信大家经常听到，有一部分同学会把这俩个搞混淆，其实我本人有时候也会。今天特地梳理了一下，

下面一一列出，看完后相信对这俩会有比较清晰的区分

伪类	用途
:link	a连接标签的未被访问的样式
:hover	随想在鼠标移上时的样式
:active	对象被用户点击及被点击释放之间的样式
:visited	a链接对象被访问后的样式
:focus	对象成为输入焦点时的样式
:first-child	对象的第一个子对象的样式
:first	对于页面的第一页使用的样式

伪对象	用途
:after	设置某个对象之后的内容
:first-letter	对象内的第一个字符的样式设置
:first-line	对象内的第一行的样式设置
:before	设置某个对象之前的内容

转载于:https://www.cnblogs.com/lr-blog/p/7181906.html

CSS内置的几个标准的伪类和伪对象相关推荐

CSS中的伪类和伪元素（详细）
这篇想要跟大家分享的是css中的伪类和伪元素,有任何问题可以私聊我或者评论哦! 首先,我们先来想一下一.引入伪类跟伪元素的原因? 伪类和伪元素的引入是因为在文档树里有些信息无法被充分描述比如CSS ...
图解CSS伪类和伪元素
1 简介伪类和伪元素都属于CSS选择器的附加关键字,在形式上,用单冒号:表示伪类,用双冒号::表示伪元素,如: // 伪类 div:hover {}// 伪元素 div::after {} 注意:由 ...
详解 CSS 属性 - 伪类和伪元素的区别
2019独角兽企业重金招聘Python工程师标准>>> CSS 伪类用于向某些选择器添加特殊的效果. CSS 伪元素用于将特殊的效果添加到某些选择器. 可以明确两点,第一两者都与选择 ...
十三、CSS 3新特性详解（一）——属性、结构伪类、伪元素选择器，nth-child与nth-of-type区别，2D rotate，calc函数、滤镜filter、过渡transition
七.CSS3 属性选择器(上) 什么是 CSS3 在 CSS2 的基础上拓展.新增的样式 CSS3 发展现状移动端支持优于 PC 端 CSS3 目前还草案,在不断改进中 CSS3 相对 H5,应用非 ...
CSS复合选择器（交集、并集、后代、子元素、兄弟、伪类、伪元素）
CSS复合选择器总结复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签. :first-child与:first-of-type区别 :fi ...
css中伪类和伪元素有什么不一样
css中的伪类[:]和伪元素[::]都是我们日常开发过程中会用到的伪元素选择器,有时候我们用的是[:],有时候用的又是[::],有时候又好像两者都行,这到底是为什么呢?今天我们就来看看这两个东西到底有 ...
css伪类和伪元素的特性和区别
伪元素是真的有元素前者是单冒号,后者是双冒号总结一下伪类与伪元素的特性及其区别: 伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息: 伪元素本质上是创建了一个有内容的虚拟容器: CS ...
CSS 伪类与伪元素
CSS的元素选择器除了根据id(#).class(.).属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素.它们就是伪类和伪元素.跟id选择器.类选择器.属性选择器以及派生 ...
css中伪类与伪元素的区别
一:伪类: 1:定义:css伪类用于向某些选择器添加特殊效果. 伪类其实与普通的css类相类似,可以为已有的元素添加样式,但是他只有处于dom无法描述的状态下才能为文档树中的元素添加样式,所以将其称为 ...

CSS内置的几个标准的伪类和伪对象

CSS内置的几个标准的伪类和伪对象相关推荐

最新文章

热门文章