Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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/2/unit-testing/4.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
为什么是“:”“之前”;“和”:“之后”;在检查HTML5时出现?_Html - Fatal编程技术网

为什么是“:”“之前”;“和”:“之后”;在检查HTML5时出现?

为什么是“:”“之前”;“和”:“之后”;在检查HTML5时出现?,html,Html,我最近一直在HTML文件中看到伪选择器::before和::after。我过去只在CSS中见过这些 有人知道为什么开发人员会在HTML中使用这些吗。我有一个示例屏幕截图来展示我所说的内容。其他网站也是如此: 尝试右键单击并选择“查看页面源” 它不会出现在源代码中 屏幕截图中的“::before”和“::::after”文本仅在Inspect元素直观显示CSS选择器后出现,以使其可见“::before”和“::after”在CSS中的使用方式 例如,这里有两张图片。第一个是检查元件。另一个是未更改

我最近一直在HTML文件中看到伪选择器
::before
::after
。我过去只在CSS中见过这些

有人知道为什么开发人员会在HTML中使用这些吗。我有一个示例屏幕截图来展示我所说的内容。其他网站也是如此:


尝试右键单击并选择“查看页面源”

它不会出现在源代码中

屏幕截图中的“::before”和“::::after”文本仅在Inspect元素直观显示CSS选择器后出现,以使其可见“::before”和“::after”在CSS中的使用方式

例如,这里有两张图片。第一个是检查元件。另一个是未更改的源

希望这有帮助

这是我的第一个答案!:-)

致以最良好的祝愿,
-Gauched

尝试右键单击并选择“查看页面源”

它不会出现在源代码中

屏幕截图中的“::before”和“::::after”文本仅在Inspect元素直观显示CSS选择器后出现,以使其可见“::before”和“::after”在CSS中的使用方式

例如,这里有两张图片。第一个是检查元件。另一个是未更改的源

希望这有帮助

这是我的第一个答案!:-)

致以最良好的祝愿,
-Gauched前后选择器可以在CSS中使用,如果指定了前后选择器的样式,则它将显示在html中,否则不会显示在html中。

前后选择器可以在CSS中使用,如果指定了before和after的样式,则该样式将显示在html中,否则不会显示在html中。

这是浏览器的工具,用于显示它们的位置,以便您可以检查它们;开发人员没有将它们实际包含在标记中。如果您在浏览器中使用页面的inspect元素,就会看到这种情况。不要尝试查看源代码。它不在那里。请把真正的代码放在内容中,不要放图片,它没有用处,谢谢。我很感谢您的快速反馈。这帮了大忙。这是浏览器的工具,可以告诉你它们在哪里,这样你就可以检查它们;开发人员没有将它们实际包含在标记中。如果您在浏览器中使用页面的inspect元素,就会看到这种情况。不要尝试查看源代码。它不在那里。请把真正的代码放在内容中,不要放图片,它没有用处,谢谢。我很感谢您的快速反馈。这帮了大忙。