постоянный заголовок текста (CSS) в div

Question

У меня есть div с именем appHeader ... и его содержимое может изменяться динамически.

Я бы хотел, чтобы какой-то статический текст в верхней части этого div был подсвечен ... и сделал это в css.

В тексте будет что-то вроде «Свойство такого-то и такого-то… и т. Д.», Но оно статично.

Можете ли вы создавать статический контент в CSS?

Возможно ли это?

ТИА, Kirby

p.s. Я могу редактировать только свои приложения CSS. : -Р

Answer 1

Ну, вы всегда можете использовать свойство content.

Так что-то вроде

.appHeader:before {
  content: "My static text that will appear";
}

Хотя обычно это не рекомендуется.( Я не уверен, какие браузеры его поддерживают edit : свойство content поддерживается во всех основных браузерах. Это плохая практика доступности).

Answer 2

Другой вариант, кроме решения #header.after, - создать изображение, содержащее нужный текст, и использовать его в свойстве background-image.

Answer 3

Вы можете вставить некоторый контент с помощью CSS, например так:

#header.after {
    content: "Text after";
}

Но это ужасно. Это большой взлом.