尝试添加文本时,CSS函数“内容”不起作用

时间:2018-09-17 14:48:33

标签: css wordpress woocommerce

我想在带有CSS代码“ content”的另一个文本之前添加一个文本

这就是为什么我将此CSS代码添加到我的网站的原因:

p.price:before {
    content: "ca. ";
}

但是实际上这是行不通的。

http://adventskalenderkaufen.de/produkt/foto-adventskalender-design-mit-schokolade/

在此先感谢您的帮助。

最好的问候 本杰明

2 个答案:

答案 0 :(得分:1)

我不确定您要先付什么价格,但是您需要在css文件中这样做:

.price:before{
content: "ca.";
}

enter image description here

您可以尝试将此代码放入主CSS文件。

我希望这会有所帮助!

答案 1 :(得分:0)

首先,请允许我重新渲染您的代码。我相信您的想法代码绝对正确。没错。

p.price:before {
    content: "ca. ";
}

但是,如果我错了,请纠正我,我假设您在某个Web文本编辑器中键入代码。这样会使代码中的字符'"转换为其他字符(例如"这样的字符)。这会导致您的代码成为错误,浏览器无法理解。

以下是您的浏览器获取的原始代码:

The root of problem

我的解决方案是在真实的IDE(例如Notepad ++或Visual Studio Code)中修改代码文件(css文件),然后重新上传到主机。不要在WordPress中使用文本编辑器。您永远都不知道会发生什么。

Solution

您可以将样式添加到模板/主题的css文件中。