css新增伪类

最新推荐文章于 2025-05-12 23:55:17 发布
最新推荐文章于 2025-05-12 23:55:17 发布
阅读量488 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45557681/article/details/115620535

css伪类选择器

选择器示例示例说明
:checkedinput:checked选择所有选中的表单
:disabledinput:disabled选择所有禁用的表单
:emptyp:empty选择所有没有子元素的p
:first-of-typep:first-of-type选择的每个p元素是其父元素的第一个p元素
:in-rangerinput:in-ranger选择元素指定范围内的值
:invalidinput选择所有无效的元素
:last-childrenp:last-childrenp的最后一个元素
:not:not§选择所有p以外的元素
:nth-childrenp:nth-chidlren(2)选择p元素的第二个元素 没有0
:nth-last-children(n)p:nth-last-children(2)选择p元素倒数第二个元素
:rootroot选择文档的根元素
:linka:link选择没有被访问的链接
:visiteda:visited选择所有访问过的链接
:activea:active选择正在活动的链接
:hovera:hover鼠标经过实践函数
:focusinput:focus选择元素输入后具有焦点
:first-childrenp:first-childrenp的第一个元素
:afterp:afterp元素后面插入内容
:beforep:beforep元素前面插入内容
CSS3 新增伪类有那些？
liuhao9999的博客
03-23 343
（1）elem:nth-child(n)选中父元素下的第n个子元素，并且这个子元素的标签名为elem，n可以接受具体的数 值，也可以接受函数。 （2）elem:nth-last-child(n)作用同上，不过是从后开始查找。 （3）elem:last-child选中最后一个子元素。 （4）elem:only-child如果elem是父元素下唯一的子元素，则选中之。 （5）elem:nth-of-type(n)选中父元素下第n个elem类型元素，n可以接受具体的数值，也可以接受函数。 （6）ele.
CSS伪类选择器
热门推荐
Jan's的博客
11-01 3万+
CSS的选择器有很多种，有一种选择器，与其他选择器完全不同，我们来讲一讲这个选择器——伪类选择器 伪类选择器 我们伪类选择器有几种，我们来看看第一种 静态伪类: 只能用于超链接的样式 :link超链接点击之前 :visited链接被访问过之后 以上两种样式，只能用于超链接 实际用法还得实际分析，我们来看看这一张图： 这里我写了两个超链接，看我箭头指的文章，你会发现这两个超链接颜色是不一样的 为什么会不一样呢？ 因为第一个链接，是我访问过的网站链接 而第二个链接，我的浏览器没有访问..
CSS3新增伪类有那些
LuckXinXin的博客
02-18 384
:root 选择文档的根元素，等同于 html 元素 :empty 选择没有子元素的元素 :target 选取当前活动的目标元素 :not(selector) 选择除 selector 元素意外的元素 :enabled 选择可用的表单元素 :disabled 选择禁用的表单元素 :checked 选择被选中的表单元素 :after 在元素内部最前添加内容 :before 在元素内部最后添加内容 :nth-child(n) 匹配父元素下指定子元素，在所有子元素中排序第n :nth-last-child(n).
CSS伪类和伪元素
最新发布
2402_90006143的博客
05-12 591
常用的 CSS 伪元素有 ::before、::after、::first-line、::first-letter 等。CSS 伪元素是一种特殊的选择器，它可以在不改变 HTML 结构的情况下对页面元素的特定部分进行样式设置。伪类可以看作以选中元素为基准点，此元素的一些状态或属性。，伪元素本身是行内元素，如果要定义为其配置宽高则需要定义。2.有些浏览器对伪类的支持不太好，比如火狐无法支持。CSS 伪元素是用来添加一些选择器的特殊效果。下表为所有CSS伪类/元素。在定义伪元素时，必须定义。
前端CSS：CSS3新增伪类与伪元素
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-23 1211
随着Web技术的发展，CSS3引入了一系列新的伪类和伪元素，极大地丰富了Web开发者的工具箱。这些新增的伪类和伪元素不仅增强了网页的表现力，还提供了更多的交互性和可定制性选项。本文将详细介绍CSS3中新增的伪类与伪元素，通过丰富的示例和实用的技巧帮助开发者更好地理解和应用它们。通过本文的学习，你已经掌握了CSS3中新增的伪类与伪元素的基础知识，以及它们在实际开发中的应用方法。/* 选择属于其父元素从后往前数的第2个类型的子元素 *//* 选择属于其父元素的第2个类型的子元素 */
css3添加伪类,CSS3教程:新增加的结构伪类
weixin_32260467的博客
08-03 216
:nth-child :: css 3选择器body {font: small/2 "宋体", serif;background:#fff;color:#000;}h1,h2,h3 {font-size: larger;}h4 {background:#eee;}#sample1 li:nth-child(even) {background:#FF9;}#sample1 li:nth-child(...
设置css伪类
m0_63639281的博客
07-12 727
教你实现css伪类！！！赶紧学起来！！！
两种CSS3伪类选择器详细介绍
12-13
css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类 我们把":enabled",":disabled",":...
HTML5新增的Css选择器、伪类介绍
09-28
这些HTML5新增的CSS选择器和伪类极大地扩展了CSS的表达能力，让开发者能够更精确地控制页面元素的样式，同时减少了编写CSS的复杂性。通过熟练掌握这些特性，可以创建出更加精致、动态的网页设计。
深入理解CSS中的UI伪类
09-25
使用冒号（:）来标识伪类，而在CSS3中使用双冒号（::）来标识新增的伪元素，这两者有所区别。例如，链接伪类的语法通常是：a:link、a:visited、a:hover和a:active。 在用户与链接进行交互时，如将鼠标悬停在链接上...
CSS 伪类
QYgujingjing的专栏
01-18 2933
CSS 伪类
Css伪类元素
m0_73734137的博客
01-04 609
通过使用伪类元素，您可以在DOM元素的内容之前或之后添加额外的样式化内容，从而实现更灵活和精细的样式控制。::before：在选中元素的内容之前插入一个伪元素，并可以对其进行样式设置。::after：在选中元素的内容之后插入一个伪元素，并可以对其进行样式设置。::selection：选择用户在页面上进行的文本选择，并可以对其应用样式。::first-letter：选择元素的第一个字母，并可以对其应用样式。::first-line：选择元素的第一行文本，并可以对其应用样式。
CSS3新增伪类有哪些?
weixin_47450807的博客
04-05 4892
一、写在前面 css3中新增了很多的伪类，下面我们将对新增的伪类进行总结。 二、总结 2.1、elem:nth-child(n)选中父元素下的第n个子元素，并且在这个子元素的标签名为elem，n可以接受具体的数值，也可以接受函数。 2.2、elem:nth-last-child(n)作用同上，不过是从后开始查找。 2.3、elem:last-child选中最后一个子元素。 2.4、elem:only-child如果elem是父元素下唯一的子元素，则选中之。 2.5、elem:nth-of-type(n):查
CSS3新增伪类
想不到名字
03-02 323
① p:last-of-type   选择其父元素的最后的一个P元素;  ② p:last-child   选择其父元素的最后子元素(一定是P才行);  ③ p:first-of-type   选择其父元素的首个P元素;  ④ p:first-child 选择其父元素的首个子元素(一定是p才行);  ⑤ p:only-child 选择其父元素的只有一个元素(而且这个元素只能是p元素，不能有
css伪类和伪元素
zhengying5dvhdg的博客
10-12 135
before与after的主要⽤途是对元素默认样式的的美化：美化时需要结合定位于内容。⼀般讲主元素设置为position：relative，伪元素设置为position：absolute，以⽅便对伪元素定位。当主元素没有内容时before与after仍会正常⼯作，属性为行内元素，若需要设置⾼宽度等属性需要首先设置为块元素。before定位的基准是其主元素的右上角，after定位的基准是主元素的结尾处。css伪元素是用来添加一些选择器的特殊效果。first-letter伪元素用于向文本的首字母设置特殊样式。
SCSS中的伪类元素
hello_helloworld的博客
07-17 1479
在SCSS中使用伪类元素，:before，::after等等出现问题，改伪类被添加到该元素的子孙元素中去了，解决方法，添加&
Css 伪类
wangtao的博客
12-01 709
1.概念   a.一种动态的选择符,不是预先创建而是动态形成的;   b.当html元素具有不同的状态或特征时,伪类可以设定该元素不同状态或特征下的样式效果;2.伪类的写法   在常用的选择器中加一个冒号":",然后加上伪类的名称;   a:hover{color:red;}3.常用的伪类 伪类            主要作用对象         说明     :link       <a&...
css3新增的伪类选择器
05-17
CSS3新增了许多伪类选择器，以下是一些常见的示例： 1. :nth-child(n) 选择器：选择父元素下的第 n 个子元素，可以使用公式 an+b 来定义规则。 2. :not(selector) 选择器：选择不符合 selector 的元素。 3. :checked 选择器：选择被选中的表单元素。 4. :empty 选择器：选择没有子元素的元素。 5. :target 选择器：选择当前活动的锚点链接的目标元素。 6. :first-child 选择器：选择父元素下的第一个子元素。 7. :last-child 选择器：选择父元素下的最后一个子元素。 8. :hover 选择器：选择鼠标悬停时的元素。 9. :focus 选择器：选择获得焦点的元素。 10. :before 和 :after 选择器：用于在元素的前面或后面插入内容。 这些伪类选择器可以帮助开发者更精确地选择需要样式化的元素，从而实现更加复杂的样式效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值