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

问题描述

在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,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;
}

解决方法

这是我所怀疑的；在将项目符号点转换为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实体表示应为■；如果我们在此处按字面意思键入该字符，则会看到■正确的字符（至少我认为它应该看起来像！）。