CSS-функция «content» не работает при попытке добавить текст

Question

Я хочу добавить текст перед другим текстом с кодом CSS "content"

Вот почему я добавил этот код CSS на свой веб-сайт:

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

Но на самом деле это не такt работа.

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

Заранее благодарю за любую помощь.

С уважением, Бенджамин

Answer 1

Во-первых, позвольте мне повторно обработать ваш код.Я верю, что код вашей идеи абсолютно правильный.В этом нет ничего плохого.

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

Однако, пожалуйста, исправьте меня, если я ошибаюсь, я предполагаю, что вы набираете свой код в каком-то веб-текстовом редакторе.Это означает, что символ ' и " в коде будет преобразован во что-то другое (например, ").По этой причине ваш код становится ошибкой, а браузер не может его понять.

Ниже приведен исходный код, полученный моим браузером:

Корень проблемы

Мое решение состоит в том, что вы изменяете свой файл кода (который является файлом css) в реальной IDE (такой как Notepad ++ или Visual Studio Code) и повторно загружаете его на хост.Не используйте текстовый редактор в WordPress.Вы никогда не знаете, что будет с ним.

Решение

Вы можете добавить стиль в файл css шаблона / темы.

Answer 2

Я не уверен, что вы ставите до цены, но вы должны сделать это в своем файле CSS:

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

введите описание изображения здесь

Вы можете попробовать поместить этот код в основной файл CSS.

Iнадеюсь, это поможет!