欢迎您访问(教程)css中的伪元素和伪类得的区别!

(教程)css中的伪元素和伪类得的区别

更新时间:2024-05-17 21:24:48作者:佚名

CSS中“::”的意思是“...”,是一个伪元素,用于创建一个伪元素并将其设置为所选元素的第一个子元素,将其插入到该元素的其他内容中。 以前,语法是“::{样式代码}”。

本教程的运行环境:系统,CSS3&&HTML5版本,Dell G3电脑。

css中::是什么意思

在CSS中,::是一个伪类元素英语作文,代表生成的内容元素,代表对​​应元素的可抽象样式的第一个子元素,即:被选择元素的第一个子元素。

可以使用::将要插入的内容插入到元素的其他内容之前,默认会内联显示。 ::需要属性来指定内容的值。

::使用场景(比如在元素前面添加图标)

2019/11/29 15:35:51

//在这前面加一个小闹钟的图标就可使用::befor

登录后复制

.test::before
  {
   content: url(./1597910280(1).png);
 }

意思是的英文_意思是什么_hover是什么意思

登录后复制

相同点:

1.伪类对象,用于设置对象之前的内容

2. :: 和 : 在书写上是等效的。

不同之处:

:是Css2的写法,::是Css3的写法

:比::兼容性更好hover是什么意思,但在H5开发中建议使用::。

阐明:

1. 伪类元素应与属性一起使用

2、伪类元素是CSS渲染层添加的,无法通过JS操作。

3.伪类物体特效通常通过:hover伪类样式激活

我觉得这个有点鸡肋,你可以用也可以不用。

伪元素和伪类的区别:伪类用于选择DOM树之外的信息hover是什么意思,或者不能用简单选择器表示的信息。 前者包括那些与指定状态匹配的元素,例如:,:; 后者包括 DOM 树中满足某些逻辑条件的元素,例如:first-child、:first-of-type、:。 CSS 伪类用于为某些选择器添加特殊效果。

伪元素是未在 DOM 树中定义的虚拟元素。 与其他选择器不同的是,它不以元素为最小选择单位,而是选择元素的指定内容。例如::表示选择

选择元素内容的前一个内容,即“”;::表示选择元素的选中内容。 CSS 伪元素用于为某些选择器设置特殊效果。

2)语法差异

在CSS3中,伪类和伪元素的语法也不同。 伪元素被修改为以 :: 开头。 但由于历史原因,浏览器继续支持以:开头的伪元素,但建议以::开头的标准格式编写。

3) 伪类/伪元素列表

:

选择正在激活的元素

hover是什么意思_意思是什么_意思是的英文

:徘徊

选择鼠标悬停的元素

:关联

选择未访问过的元素

:

选择已经访问过的元素

:第一个孩子

选择作为其父元素的第一个子元素的元素

:郎

选择具有指定 lang 属性的元素

意思是什么_hover是什么意思_意思是的英文

:重点

选择具有键盘输入焦点的元素

:

选择每个激活的元素

:

选择每个禁止元素

:

选择每个选定的元素

:

选择当前锚元素

::第一的-

选择指定元素的第一个单词

::第一行

选择指定元素的第一行

::后

在指定元素的内容后面插入内容

::

在指定元素的内容之前插入内容

::

选择用户在指定元素中选择的内容

伪类与类具有相同的优先级,伪元素与标签具有相同的优先级。 对了,优先级怎么判断,一般都是! > 内联样式 > ID 选择器 > 类选择器 > 标记 > 通配符 > 继承 > 浏览器默认属性。 还有一个简单的计算方法。 内联样式表的权重是1000,ID选择器的权重是100,Class选择器的权重是10,HTML标签选择器的权重是1,而权重实际上并不是以十进制来计算的。 数字表示只是为了说明这个想法。 我们可以在选择器中添加规则并比较权重。 权重越大,优先级越高。 如果权重相同,则前面的样式将被后面的样式替换。 覆盖。

为您推荐

哈利波特与魔法石的英文名字是啥?英国版叫Harry

的作品;她学读的是法语专业,她也学拉丁语和希腊语:例如,《哈利波特》系列第一本《哈利波特与魔法石》的英文名字是啥?《哈利波特》进入美国,需要“美化”()才行。有人统计《哈利波特与魔法石》这本中有222个不同,有兴趣的朋友可以读一读

2024-05-17 10:48

关于网球历史及规则的四个方面对面详细阐述

摘要:本文将给读者介绍网球历史及规则,从四个方面对此进行详细阐述,包括比赛规则、比赛场地、比赛装备以及网球历史回顾,旨在提供全方位的了解和引发读者的兴趣。四、网球历史回顾总之,了解网球历史及规则对喜欢网球的人们来说十分重要。历史回顾与知识深入了解也可以增加对体育运动的热爱和追求。

2024-05-17 07:17

2022年12月英语四级听力真题e:

2011年12月四级真题,2011年12月四级真题及答案point.job.2022年12月英语四级听力真题

2024-05-16 09:19

2015年福建省高考作文模拟题29篇

篇1:快乐福建游作文篇2:福建游(一)作文福建游(一)作文篇27:福建高考作文:材料作文福建高考作文:材料作文20高考语文科考试已经结束,以下为年福建高考作文题:2012高考作文――福建卷福建高考作文经典福建高考零分作文福建高考英语作文范文福建高考满分作文游福建作文范文

2024-05-16 08:21

英语单词所指的中文意思篇-

英语的中文是什么意思【英语的中文是什么意思】相关文章:英语will的中文是什么意思12-04英语such的中文是什么意思12-06英语的中文是什么意思01-21英语under的中文是什么意思03-18英语over的中文是什么意思03-04英语dry的中文是什么意思12-03

2024-05-15 15:35

2019年12月大学英语四级考试真题答案答案解析!

先share给周围的朋友再对答案也可一键转发给一同奋战的考友2019年12月大学英语四级考试真题答案他们不仅非常情愿为孩子的教育投资,而且花很多时间督促他们学习。一般来说,名有一个或两个汉字,从孩子的名字可以推断出父母希望孩子成为什么样的人,或者预期他们过什么样的生活。

2024-05-14 20:15

加载中...