(教程)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,而权重实际上并不是以十进制来计算的。 数字表示只是为了说明这个想法。 我们可以在选择器中添加规则并比较权重。 权重越大,优先级越高。 如果权重相同,则前面的样式将被后面的样式替换。 覆盖。

相关推荐

猜你喜欢

大家正在看

换一换