Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html :after和::after之间的区别是什么?_Html_Css - Fatal编程技术网

Html :after和::after之间的区别是什么?

Html :after和::after之间的区别是什么?,html,css,Html,Css,它说区别在于:after是CSS2,而::after是CSS3。还有更重要的区别吗 (我曾尝试过谷歌搜索,但冒号似乎不适合搜索):after在一些较旧的浏览器中不起作用(我认为IE8是唯一相关的) 一般来说,您应该使用::after,但是使用:after兼容没有坏处,只要您了解它是一个psuedo元素,而不是psuedo类伪元素在CSS2中用一个冒号表示,但在CSS3中已更改“为了在伪类和伪元素之间建立区别”。出于兼容性原因,CSS 1和CSS2中定义的伪元素仍然允许使用单个冒号 5.12.3:

它说区别在于:after是CSS2,而::after是CSS3。还有更重要的区别吗


(我曾尝试过谷歌搜索,但冒号似乎不适合搜索)

:after
在一些较旧的浏览器中不起作用(我认为IE8是唯一相关的)


一般来说,您应该使用
::after
,但是使用
:after
兼容没有坏处,只要您了解它是一个psuedo元素,而不是psuedo类

伪元素在CSS2中用一个冒号表示,但在CSS3中已更改“为了在伪类和伪元素之间建立区别”。出于兼容性原因,CSS 1和CSS2中定义的伪元素仍然允许使用单个冒号

5.12.3:伪元素之前和之后 “:before”和“:after”伪元素可用于在元素内容之前或之后插入生成的内容

7.伪元素 [……]

伪元素由两个冒号(
)和伪元素的名称组成

::
符号由当前文档引入,以便在伪类和伪元素之间建立区别。为了与现有样式表兼容,用户代理还必须接受CSS级别1和2中引入的伪元素的前一个冒号符号(即:first-line、:first-letter、:before和:after)。本规范中引入的新伪元素不允许这种兼容性。


相反:::after在IE8上工作,while:after不起作用。

我想你的意思可能是相反。
::after
是新语法,AFAIK IE8不支持它。由于兼容性原因,没有浏览器会忽略
:after
。我已经在IE8中测试过了:after不起作用,while::after工作正常。我会让再次测试以确保。4年后问这个问题可能会很奇怪,但你检查了吗?你能检查我在那里的编辑吗?非常确定这就是你的意思,但我想确保我没有遗漏什么。