Css 如何在wordpress中更改::after对象的Unicode?

Css 如何在wordpress中更改::after对象的Unicode?,css,wordpress,unicode,Css,Wordpress,Unicode,如何在wordpress中更改::after对象的Unicode? 我试着用css来做这件事,它只是输入了unicode代码而不是图标 原始代码如下: .x-navbar .desktop .x-nav li>a>span:after { content: "\f103"; margin-left: 0.35em; font-family: "FontAwesome" !important; font-style: normal !important;

如何在wordpress中更改::after对象的Unicode? 我试着用css来做这件事,它只是输入了unicode代码而不是图标

原始代码如下:

.x-navbar .desktop .x-nav li>a>span:after {
    content: "\f103";
    margin-left: 0.35em;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
我更新的代码是这样的。我试过使用一种新的方法!重要的;标记在unicode行的末尾,但没有运气,所以我将其取出

x-navbar .desktop .x-nav li>a>span:after {
    content: "f0d7";
    margin-left: 0.35em;
    font-size: 16px;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: rgba(82, 76, 76, 0.43);
    -moz-osx-font-smoothing: grayscale;
}
这是我下面的div站点


那么我做错了什么?为什么这很难克服呢

所以我终于找到了为什么它要从代码中删除“\”。我终于得到了wordpress主题开发者的回复。对于处理上述问题的任何其他人来说,知道这一点都很好

总共有两个问题。 #1个问题:我正在将此css代码保存在 “定制者”,它显然不喜欢这样。您需要将其保存在子主题的style.css文件中

问题2:我需要在字符串中添加更多的代码,在开头添加“body”。 }


我更新了子主题css文件,然后刷新了缓存,它成功了:D

我注意到我在网站上的代码中有内容:“\f0d7”;但当它在线呈现时,它将代码呈现为内容:“f0d7”??为什么会这样做?
“f0d7”
“\f0d7”
不同……这可能是缓存问题。我不知道你在哪里/如何更改它,所以可能是有什么东西正在去掉反斜杠…@rnevius,是的,我知道它们不一样。我在代码中添加了\但是,正如你所说的,有些东西正在剥离它。知道怎么做吗?@mevius,只是更新一下。通过将其放入wordpress主题中的“customizer”,它实际上去掉了“\”。他们建议要么添加“\\”以便留下来,要么放弃定制程序并将其添加到childetheme文件中。我选择把它放在儿童主题中,效果很好。它没有剥掉任何东西。
body .x-navbar .desktop .x-nav li>a>span:after {
content: "\f0ab";