51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

CSS3中的伪类和伪元素
伪类                       css2.1, 合法伪类只有 a 标签有, link  visited  hover  active          &nbsp
CSS
HTML
原创
但行好事_
2016-10-13 12:35:07
780阅读
1点赞

css3新增伪类 伪元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
html
超级链接
下划线
原创
533_
2022-12-21 10:29:51
78阅读

css jquery 伪元素选择器 css3伪元素
css的伪元素，之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。如下图，是伪元素在html代码机构中的展现，可以看出无法伪元素的结构无法审查。css有一系列的伪元素，如:before，:after，
css jquery 伪元素选择器
伪元素
主元素
html
转载
ctaxnews
2023-07-25 17:06:47
66阅读

::before ::after CSS3中的伪类和伪元素
::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,:
css
html
伪元素
百度
清除浮动
转载
mb5fd8698f60f87
2018-08-01 10:12:00
217阅读
2评论

Css3 伪元素::before和::after
一、::before / ::after 简介 ::before 和 ::after 是 CSS 中的伪类，它们基本功能是在 CSS 渲染中向元素的内容前面和后面插入内容。虽然在实际 HTML 中我们没有增加任何标签，并且会在浏览器中展现出来。 ::before和::after必须配合content ...
css
html
伪元素
css3
转载
mb5ffd7010f3b33
2021-07-14 19:45:00
599阅读
2评论

css3伪类:not
     http://www.w3.org/TR/css3-selectors/     css3伪类:not      语法： //an E element that does
:not
css3
伪类
代码示例
原创
mb64981564a22e8
2023-06-26 06:15:27
27阅读

css3 伪类
     
经验分享
转载
angdh
2021-06-28 15:22:04
138阅读

css3伪类和伪元素你都懂了吗
* 当用户将鼠标悬停在元素上时为其设置样式* 访问和未访问的链接不同样式* 在获得焦点时设置元素的样式
css3
html5
原创
web全栈
2019-07-26 09:01:36
657阅读

CSS3新增伪类
CSS3新增伪类举例： p:first-of-type p:last-of-type p:only-of-type p:only-child p:nth-child(2) :after :before:not()
css
原创
徐同保的博客
2021-07-27 20:50:42
212阅读

CSS3新增伪类
CSS3新增伪类举例： p:first-of-type p:last-of-type  p:only-of-type  p:only-child  p:nth-child(2) :after :before:not()
CSS3伪类
css3
原创
徐同保的博客
2022-06-30 18:08:54
150阅读

【CSS3】CSS3 伪元素选择器 ( 伪元素选择器语法简介 | 伪元素选择器权重计算 | 代码示例 )
一、CSS3 伪元素选择器二、CSS3 伪元素选择器权重二、代码示例
css3
css
html
前端
伪元素选择器
原创
韩曙亮_
2023-04-22 10:45:22
451阅读

css3伪类之UI元素状态相关
UI元素状态相关的介绍3个 1、:checked     --------- 用于单选或者多选按钮选中状态的样式规则设置 input[type=checkbox]:checked{width:20px;}  2、:disabled     --------- 置灰状态下的样式规则设置 input:disabled{border-c...
css3
:disabled
:enabled
UI
单选
原创
mb64981564a22e8
2023-06-26 00:37:33
111阅读

浅谈 css3 伪类
伪类伪类技巧教学前，要区分两个重要概念。伪类和伪元素，两者常常被人弄混。因为两者确实长得太像了，尤其在css3之前，两者在使用形式上还一摸一样，没有规范可言。在css3之后两者形式上做了区分去，单个冒号是伪类，两个冒号是伪元素。伪类应用众所周知，Animate/transitionboxshadow可以使用boxshadow属性来实现盒子阴影效果，但repaint消耗较多，于是这里提出通过修改伪元
伪元素
css3
实现原理
原创
我不是药神
2022-09-18 23:48:37
251阅读

css3伪类:empty
介绍一下css3伪类之:empty    ------------------------ 匹配没有子元素和内容的元素。    注释：连空格也不能有！  #test:empty{width:100px;}    应用场景=！...
css3伪类
:empty
应用场景
css3
原创
mb64981564a22e8
2023-06-26 00:37:46
122阅读

CSS3中定位网页元素
一.position属性定位网页元素 1.static ：默认值，没有定位。按照标准文档流的方式提现出来 2.relative：相对定位，相对于自身元素原来的位置进行定位 <style type="text/css"> .div01{ position: relative; top: -20px;
绝对定位
相对定位
文档流
使用场景
css
原创
永不秃顶的天雁
2021-08-31 16:21:44
163阅读

CSS3中伪类改造CHECKBOX样式
收藏个看到的技巧，在CSS3中，可以比如做到，原来CHECKBOX的是方的，变为圆形的；方法是使用伪类：[code="java"]//html//css.check { background-color: #8BC34A; width: 40px; -webkit-appearance: none; appearance: none;}.c...
xml
html
css3
原创
mb5c80f4c73b73a
2022-12-02 11:33:04
140阅读

css3中关于伪类的使用
目标： css中after伪类，last-child伪类的使用。以及部分css3的属性。 过程： 在制作导航时。常常会遇到在每个li后面加入一个切割符号，到最后一个元素的时候，切割符就会去掉的一种效果。 如图 那么制作这种一个效果。怎么用纯css非常easy的完毕了。这里用到了css的伪类。 html部分 <body> <ul class="nav">
css
css3
分隔线
ide
f5
转载
mb5fed73533dfa9
2016-01-23 19:03:00
100阅读
2评论

CSS3 ::before和::after伪元素的实际应用
实例 1.清除浮动 通常我们清除清除浮动的方式就是在浮动元素后面添加一个空的Div标签，然后在设置它的清除浮动要是，使用after伪元素，我们就不需要添加无意义的div标签在html中了，下面的例子就使用了伪元素清除浮动 效果： 没有清除浮动： 2.常见消息框 注意，此时伪类content:' ',
css3
html
css
清除浮动
ide
转载
mb5fe5608dce902
2017-08-14 22:32:00
153阅读
2评论

HTML5 CSS3伪类元素文字美化
<!DOCTYP
html5
css3
文字美化
html
css
原创
mb64996c8d8661e
2023-06-26 22:03:56
38阅读

CSS基础(part21)--CSS3伪元素选择器
学习笔记，仅供参考，有错必究参考自：pink老师教案CSS3伪元素选择器伪类选择器：选
css
html
css3
伪元素
伪类选择器
原创
GoatGui
2022-06-02 21:20:00
288阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

CSS3 动态生成内容(在Web中插入内容)====CSS的伪类或者伪元素

妙味css3课程---1-2、css3中新增的伪类和伪元素有哪些

css3之:target伪类

CSS3疑难问题---6、伪类和伪元素的区别

使用CSS3 ::selection伪元素改变选中的背景颜色

【响应式Web前端设计】CSS3伪类与伪元素的区别

使用 CSS3 伪元素实现立体的照片堆叠效

【CSS3】CSS3 伪元素字体图标 ( 生成 icommon 字体文件 | 字体图标基本使用 | 使用伪元素实现 icommon 字体图标显示 )

CSS3美化网页元素

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯