如何解决保存后更改了 Google Optimize 自定义 CSS
问题:我在 Google Optimize 中编写了一些自定义 CSS,将其保存,然后稍后返回,并且选择器已从自定义更改为机器生成。
类似于:
a.gbda-black-cta
变成:
div.site-container>div:nth-of-type(3)>div:nth-of-type(3)>a
我相信如果在保存 CSS 时选择了“Clean CSS”,就会发生这种情况,但这是在保存页面并稍后返回后发生的。故意复制也很困难,所以我希望至少与其他看到相同行为的人表示同情,并且可以确认我没有疯。
解决方法
我认为是优化错误,我已经多次看到这种行为......现在,我通常将 CSS 更改与 JS 一起放置。
在 Global JS 中,我通常会这样做:
var myStyle = `<style>
.mySelector{color:#ff0000;}
</style>`;
document.querySelector("head").insertAdjacentHTML("beforeend",myStyle);
你没疯,我第一次也这么想;)
,当您使用 WYSIWYG 编辑来更改/编辑 DOM 元素的样式时会发生这种情况。然后优化工具 360 会自动编写此样式语法。
我不会太担心,因为它可以工作,但只是格式很难看。
您应该使用 “CSS” 框,您可以在其中编写自己的 CSS,然后格式保持与您输入的相同并且整洁。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。