1.:first-child: 伪类选择器,选取其父元素的第一个子元素的元素
2.:last-child:伪类选择器,选取其作为父元素的最后一个子元素
3.:nth-child(n):伪类选择器,选其作为父元素的第n个子元素的元素。
转载
2023-05-26 23:33:19
137阅读
伪类 伪元素 CSS中:和:: - CSDN博客 https://blog.csdn.net/u014527697/article/details/81087139 Pseudo-elements - CSS: Cascading Style Sheets | MDN https://develop
转载
2018-09-11 01:26:00
290阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
原创
2021-11-16 16:08:13
92阅读
:link:visited:hover:active:focus:first-child:last-child:nth-child():nth-last-child():nth-of-type():nth-last-of-type():not():required 必填:optional 选填:valid 有效:invalid 无效:in-range 在范围内:out-of-range 超出范围:not 伪类不参与权重计算http://jsbin.com/erimuh/1/edit 1 2 3 如果...
转载
2013-06-17 14:06:00
75阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> a:
原创
2021-11-16 16:27:27
146阅读
CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构(DOM树)中获取元素不同的是,伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状态的
单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素 简而言之:伪类总是以一个冒号开头。伪元素通常以两个冒号开头。 在 CSS2 时代,伪元素和伪类均是以一个冒号开头的;在 CSS2.1 之后,为了对伪元素和伪类加以区分,规定伪类继续以一个冒号开头,而伪元素改为以两个冒号开头。 但是为了向
转载
2017-08-23 11:45:00
203阅读
2评论
前言CSS的伪类和伪元素在平时的代码中经常会出现,可是一旦别人问你,什么是伪类,什么是伪元素,可能还是不能完整的表述出来,下面我们来一探究竟。伪类和伪元素定义伪类用于在页面中的元素处于某个状态时,为其添加指定的样式。伪元素会创建一个抽象的伪元素,这个元素不是DOM中的真实元素,但是会存在于最终的渲染树中,我们可以为其添加样式。[重点]最常规的区分伪类和伪元素的方法是:实现伪类的效果可以通过添加类来
::before和::after伪元素的用法一、介绍css3为了区分伪类和伪元素,伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的content,用于在css渲
转载
2023-07-25 17:01:23
159阅读
一、伪类 下面列举一些常见的伪类(来自W3C截图): 二、伪元素 下面列举一些常见的伪元素(来自W3C截图): 最后注意:伪类和伪元素都不会存在于原文档和文档树里。 ...
转载
2021-10-28 07:57:00
186阅读
2评论
顺序应该是a:
原创
2022-11-11 11:13:07
140阅读
原创
2022-10-20 10:40:33
57阅读
CSS伪类与伪元素 CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。 伪类 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。比如说,当用户悬停
原创
2022-05-28 00:54:24
253阅读
什么是伪类? 伪类是选择器的一种,它用于选择处于特定状态的元素,比如当它们是这一类型的第一个元素时,或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样,帮你在你的标记文本中减少多余的类,让你的代码更灵活、更易于维护。 伪类就是开头为冒号的关键字: :pseu
原创
2021-06-28 14:08:27
766阅读
伪类伪类更多的定义的是状态,如:hover,或者说是一个可以使用CSS进行修饰的特定的特殊元素,如:first-child伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。当用户悬停在指定的元素时,我们可以通过 :hover 来描述这个元素的状态。虽然它和普通的 CSS 类相似,可以为已有的元素添加样式,但是它只有处于 DOM 树无法描述的状态下才能为元素
原创
2021-04-07 19:57:46
392阅读
CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果。 CSS伪类的语法就是: 选择器 : 伪类名 { 属性 : 属性值 } 用的最多的伪类就是超链接a的伪类,有:link,:visited,:hover,:active,而且需要按照这个顺序设置,有个简单的记法是,取首字母组成 love hate,记住“爱恨”就行了。
转载
2023-07-26 20:07:05
226阅读
项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式,但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。HTML<p class="red">Hi, this is a plain-old, sad-looking paragraph tag.</p> CSS.red::before
转载
2023-06-07 12:22:08
266阅读
伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。本文将详细介绍伪类的详细知识 锚点 关于锚点<a>,有常见的5个伪类,分别是:link,:hover,:active,:focus,:visiteda:link{ba
原创
2017-05-10 11:24:17
1411阅读
CSS 伪类 (Pseudo-classes)
----- 向某些选择器添加特殊的效果。
1、锚伪类
/*链接的不同状态都可以不同的方式显示
包含活动状态,已被访问状态,未被访问状态和鼠标悬停状态
*/
a:link{color:#ff0000} /*未访问的链接*/
a:visited{color:#00ff00} /*已访问的链接...
原创
2023-06-26 00:07:05
231阅读