html中两个冒号,css中双冒号和单冒号区别

：——是指的伪类

：：——是指的伪元素

1.字面意思：

伪类，1.css中有类选择器，某些元素并未定义类名，就可以通过伪类赋予样式，如：【：nth-child(n)】；2.伪类可以应用于元素执行某种状态，如：【：hover】鼠标经过元素时

伪元素，创建一个新元素应用于文档，但是并不存在于文档中。

常见的伪元素选择器：

::first-letter 选择元素文本的第一个字(母)。

::first-line 选择元素文本的第一行。

::before 在元素内容的最前面添加新内容。

::after 在元素内容的最后面添加新内容。

::selection匹配用户被用户选中或者处于高亮状态的部分

::placeholder匹配占位符的文本，只有元素设置了placeholder属性时，该伪元素才能生效

2.兼容性建议使用单冒号

______________________

:fater和：：after比较

不同点

1.兼容性，单冒号比双冒号兼容性好

2.写法：单冒号是css2写法，双冒号是css3写法

相同点

用法相同，都是为了添加元素，但是不存在于文档

注意点

使用时要配合content:"";使用

小白一只，如有错误，欢迎指出

标签：兼容性,伪类,中双,元素,冒号,文档,写法,css

来源： https://www.cnblogs.com/charon-66/p/12019415.html

html中两个冒号,css中双冒号和单冒号区别相关推荐

css中文本指什么,CSS中的文本属性
本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...
css中ul位置移动,css中ul怎么定位
css中ul怎么定位 css中所有的元素默认都是static定位,要改变ul的定位方式,我们只需要指定元素的css position属性即可. 关于定位的几种方式1.static定位(普通流定位) - ...
c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线？（代码示例）...
css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...
HTML5中margin属性应用,CSS中margin属性及其使用探究
本文向大家描述一下CSS中margin属性的用法,主要包括其属性,使用过程中会遇到的问题,以及一些高级应用等内容,相信本文介绍一定会让你有所收获. CSS中margin问题及使用 margin属性为C ...
html中em作用6,CSS中强大的EM
使用CSS也好久了,但一直都是在使用"px"来设置Web元素的相关属性,未敢使用"em".主要原因是,对其并不什么了解,只知道一点概念性的东西,前段时间在项目中 ...
font在html语言中是什么意思,CSS中font是什么意思？
font代表字体,是CSS中的一个简写字体属性,用于一次设置元素字体的两个或更多方面,可以在一个声明中设置所有字体属性. CSS font属性 font 简写属性可在一个声明中设置所有字体属性. 说明 ...
在html中设置margin属性,css中margin的4个属性
CSS中:margin:auto与margin: 0 auto;有什么区别 CSS中:margin:auto与margin: 0 auto;有什么区别.有的网站中写的是前者意思不同.margin:au ...
webpack如何设置html中img路径和css中背景图片路径区别开
在使用webpack过程中,打包后发现html中img路径是: <img src="img/01.jpg" alt="标题图片" /> 但是在mai ...
html中透明度怎么写,css中控制透明度
CSS中如何控制层的透明度? 在CSS样式中设置背景的透明度,下面一个具体的实例.把类为box的层设为透明. .box{width:300px; height:200px; margin:0 auto ...

html中两个冒号,css中双冒号和单冒号区别

html中两个冒号,css中双冒号和单冒号区别相关推荐

最新文章

热门文章