在谷歌浏览器中调试，为什么刷新后，css又变为修改之前的样式了

技术栈：vue+elementui
问题：1、在谷歌浏览器中调试，为什么刷新后，css又变为修改之前的样式了
2、我循环生成了几个卡片，为什么设置在卡片上的点击事件，点击一个卡片时所有卡片都触发了，可能这是与事件冒泡，事件阻止，以及卡片本身的key有关

谷歌浏览器调试的代码并不会更新到你的本地文件。只是用来调试的，让你看到实时效果。一刷新自然就没了。
2. 你给谁加的点击时间。卡片的父元素？
https://blog.csdn.net/YuHang6686/article/details/124081768

谷歌浏览器调试后的代码是否更新到本地(或者)文件中，如果没有的话刷新后浏览器读取的还是你本地文件的代码，并不是你在谷歌浏览器编辑后的
在点击事件只触发当前div就行，比如：

<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
</body>
<script>
// 一、js 绑定
    var divs = document.getElementsByTagName("div");
    for (let i = 0; i < divs.length; i++) {
        // 方法一
        divs[i].onclick = function (e) {
            for (let j = 0; j < divs.length; j++) {
                divs[j].style.display= "none";
            }
            e.currentTarget.style.display= "block";
        }
 
        // 方法二
        divs[i].addEventListener('click', function (e) {
            for (let j = 0; j < divs.length; j++) {
                divs[j].style.display= "none";
            }
            e.currentTarget.style.display= "block";
        });
    }
 
    // 一、jquery 绑定
    $("div").on("click", function (e) {
        $(e.target).show().siblings().hide();
    })
</script>