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

【问题标题】：Unwanted gray text after editing main-style编辑主样式后不需要的灰色文本
【发布时间】：2020-12-10 11:38:17
【问题描述】：

在 WordPress 网站上，我在浏览器的 main-style.css 中编辑了一些代码，保存更改后它运行良好，但显示了一些不需要的文本，它以前发生过，我备份了 main-style.css 并恢复解决了这个问题，但是这次编辑它没有任何备份，任何人都可以帮忙解决一下，是字符集问题，uni code还是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;
}

【问题讨论】：

如果没有看到相关代码，我们无法回答这个问题。请张贴main-style.css文件的相关部分。
谢谢Ken，我已经从截图的相关部分添加了代码。

标签： css wordpress editor

【解决方案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实体表示应该是&#x25a0;；如果我们在这里按字面意思输入，我们会看到■，正确的字符（至少我认为它应该是这样的！）。

【讨论】：