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

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

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

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

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

Спасибо заранее за любую помощь.

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

0
benrolf 17 Сен 2018 в 17:48

2 ответа

Лучший ответ

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

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

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

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

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

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

Решение

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

0
Star Light 17 Сен 2018 в 15:51

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

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

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

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

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

1
Anduel 17 Сен 2018 в 15:03