vscode中div标签使用伪元素时浏览器显示异常

css代码：

<style>
        div::before
        {
        content:'lalal';
        }
        </style>
html代码：
```html
<body>
    <div>我是唐老鸭。</div>
</body>

这个问题百度了好久也没找到相同的问题，我把它那个代码转成txt然后在运行是OK的 ，所以我想问下是cscode哪里设置的问题还是他软件本身的问题
他会在浏览器前面显示一个重复的content内容

img

查看源代码，看是不是vs插入了什么跟踪代码，比如往内容插入了div什么的，这样就会有多个div出现重复内容


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
         div::before
        {
        content:'lalal';
        }

    </style>
</head>
<body>
    <div>我是唐老鸭。</div>
</body>
</html>

什么浏览器 。我用谷歌 是正常的

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632