Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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 我应该在JSFIDLE中使用:after还是::after?_Html_Css_Pseudo Element_Jsfiddle - Fatal编程技术网

Html 我应该在JSFIDLE中使用:after还是::after?

Html 我应该在JSFIDLE中使用:after还是::after?,html,css,pseudo-element,jsfiddle,Html,Css,Pseudo Element,Jsfiddle,在CSS3(最新的CSS)中,我应该使用::after还是:after?JSFiddle说我应该使用2个冒号。我正在创办一个俱乐部,在那里我教人们HTML和CSS,所以我想确保我教给他们的东西是正确的,因为JSFIDLE的消息可能会让他们感到困惑。我也想知道这一点。使用::after语法。如果选中,您可以阅读: CSS2中的选择器与选择器中的选择器之间的主要区别是: 新的伪元素,并引入“:”伪元素约定 及 当前文档引入此::符号是为了在伪类和伪元素之间建立区别。为了与现有样式表兼容,用户代理还

在CSS3(最新的CSS)中,我应该使用::after还是:after?JSFiddle说我应该使用2个冒号。我正在创办一个俱乐部,在那里我教人们HTML和CSS,所以我想确保我教给他们的东西是正确的,因为JSFIDLE的消息可能会让他们感到困惑。我也想知道这一点。

使用
::after
语法。如果选中,您可以阅读:

CSS2中的选择器与选择器中的选择器之间的主要区别是:

新的伪元素,并引入“:”伪元素约定

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

您还可以在未来的规范中找到相同的信息

由于CSS级别1和CSS级别2通过共享一个冒号语法将伪元素和伪类合并在一起,因此用户代理还必须接受级别1和级别2伪元素的前一个冒号符号(::before、::after、::first-line和::first-letter)。任何其他伪元素都不允许使用此兼容性符号但是,由于这种语法已被弃用,作者应该对这些伪元素使用3级+双冒号语法。


使用
::after
语法。如果选中,您可以阅读:

CSS2中的选择器与选择器中的选择器之间的主要区别是:

新的伪元素,并引入“:”伪元素约定

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

您还可以在未来的规范中找到相同的信息

由于CSS级别1和CSS级别2通过共享一个冒号语法将伪元素和伪类合并在一起,因此用户代理还必须接受级别1和级别2伪元素的前一个冒号符号(::before、::after、::first-line和::first-letter)。任何其他伪元素都不允许使用此兼容性符号但是,由于这种语法已被弃用,作者应该对这些伪元素使用3级+双冒号语法。


JSFiddle的CSS linter有点奇怪。Auto tidy提供一个输出,但随后linter会告诉您更改它,如果您再次按下tidy,该输出将被还原。iE 9+支持
::after
,因此它使用安全,而且是现代的操作方式things@CertainPerformance什么是自动整理?这是否意味着有办法消除错误/建议信息?或者我应该坚持使用::after吗?顶部有一个叫做“整理”的按钮,它可以自动整理代码。它可以很好地使用HTML,也可以很好地使用JS,但是在CSS中效果不太好-尽管在本例中,
::after
是正确的选择,使用JSFIDLE的CSS linter有点奇怪。Auto tidy提供一个输出,但随后linter会告诉您更改它,如果您再次按下tidy,该输出将被还原。iE 9+支持
::after
,因此它使用安全,而且是现代的操作方式things@CertainPerformance什么是自动整理?这是否意味着有办法消除错误/建议信息?或者我应该坚持使用::after吗?顶部有一个叫做“整理”的按钮,它可以自动整理代码。它可以很好地使用HTML,也可以很好地使用JS,但在CSS中效果不太好-虽然在本例中,
::在使用之后
是正确的选择我不理解您发送的规范链接,我应该导航到哪个部分?谢谢你的回答。@Stocker为每个block添加了参考。我不理解你发送的规范链接,我应该导航到哪个部分?谢谢你的回答。@Stocker为每个区块添加了参考