编辑主样式后不需要的灰色文本

Question

在 WordPress 网站上，我在浏览器中编辑了 main-style.css 中的一些代码，保存更改后它工作正常但显示了一些不需要的文本，它以前发生过并且我备份了 main-style.css 并恢复解决了问题，但这次在没有任何备份的情况下编辑了它，任何人都可以帮助解决它，是字符集问题，uni 代码还是 ascii 等

    .wss-tabs-content .wsstc-thin{
    margin-left: 5px;
    margin-right: 5px;
}
.wss-tabs-content .wsstc-thin .wsstct-col{
    padding-left: 50px;
    padding-right: 50px;
    border-right: 1px solid rgba(136,136,136,0.3);
}
.wss-tabs-content .wsstc-thin .wsstct-col:last-child{
    border-right: none;
}
.wss-tabs-content .sec-heading{
    font-size: 22px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.wss-tabs-content .wsstc-desc{
    margin-bottom: 25px;
}
.wss-tabs-content .wsstc-desc p{
    font-size: 15px;
    line-height: 1.4;
}
.wss-tabs-content .wsstc-list{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.wss-tabs-content .wsstc-list li{
    color: #000;
    margin-bottom: 13px;
    font-size: 15px;
    position: relative;
    padding-left: 1.1em;
}
.wss-tabs-content .wsstc-list li:before{
    content: '25A0';
    position: absolute;
    left: 0;
    top: 0.2em;
    color: #888888;
    display: inline-block;
    width: 1.3em;
    font-size: 12px;
}
.wss-tabs-content .wsstc-list li .wsstcl-link-ext{
    color: #000;
    opacity: 0.5;
    display: inline-block;
    margin-left: 5px;
    font-size: 85%;
}
.wss-tabs-content .wsstc-list li .wsstcl-link-ext:hover{
    color: #007c39;
    opacity: 1;
}

Answer 1

果然如我所料；在某个地方，项目符号点被转换为 Unicode 值：

.wss-tabs-content .wsstc-list li:before{
    content: '25A0';
    position: absolute;
    left: 0;
    top: 0.2em;
    color: #888888;
    display: inline-block;
    width: 1.3em;
    font-size: 12px;
}

第二行 content，25A0 很可能是 Unicode Character 'BLACK SQUARE' (U+25A0)。根据链接页面，HTML 实体表示应为 ■；如果我们在这里按字面输入，我们会看到 ■，这是正确的字符（至少我认为它看起来应该是这样的！）。

编辑主样式后不需要的灰色文本

Unwanted gray text after editing main-style

css

wordpress

editor