保存后更改了 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，然后格式保持与您输入的相同并且整洁。