更新时间: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); }
登录后复制
相同点:
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) 伪类/伪元素列表
:
选择正在激活的元素
:徘徊
选择鼠标悬停的元素
:关联
选择未访问过的元素
:
选择已经访问过的元素
:第一个孩子
选择作为其父元素的第一个子元素的元素
:郎
选择具有指定 lang 属性的元素
:重点
选择具有键盘输入焦点的元素
:
选择每个激活的元素
:
选择每个禁止元素
:
选择每个选定的元素
:
选择当前锚元素
::第一的-
选择指定元素的第一个单词
::第一行
选择指定元素的第一行
::后
在指定元素的内容后面插入内容
::
在指定元素的内容之前插入内容
::
选择用户在指定元素中选择的内容
伪类与类具有相同的优先级,伪元素与标签具有相同的优先级。 对了,优先级怎么判断,一般都是! > 内联样式 > ID 选择器 > 类选择器 > 标记 > 通配符 > 继承 > 浏览器默认属性。 还有一个简单的计算方法。 内联样式表的权重是1000,ID选择器的权重是100,Class选择器的权重是10,HTML标签选择器的权重是1,而权重实际上并不是以十进制来计算的。 数字表示只是为了说明这个想法。 我们可以在选择器中添加规则并比较权重。 权重越大,优先级越高。 如果权重相同,则前面的样式将被后面的样式替换。 覆盖。