2013-11-12 5 views
0

Я пытаюсь показать информацию в классе notice.Как показать текст css в html div

Я попробовал добавить content:, но это не сработает.

.notice { 
color:red; 
content: "information below are instructions for this method for this page"; 
} 

<div class="notice"></div> 

Мне было интересно, если текст в content может быть показано в div?. Я хочу показать, что такое класс notice, когда я вызываю класс notice. У меня есть около 40 страниц, которые мне нужно сделать, и некоторые люди могут поверить, что я должен просто набирать их на всех страницах, но это information в content изменениях.

Это способ сделать это в css?

ответ

0

Недвижимость content работает только на :after и :before классах psuedo, например. попробуйте:

.notice { 
color:red; 
} 
.notice:after{ 
content: "information below are instructions for this method for this page"; 
} 

<div class="notice"></div> 

См this fiddle

сказанного, CSS должны быть сохранены для укладки, а не содержания - которые должны выводиться в вашем HTML, и управляется либо какой бы ни серверной технологии вы используете (например, PHP , Python) или JS-мост.

+0

так это не другой способ отображения текста в css в html? – PHPnoob

+0

Я не уверен, что вы имеете в виду точно, но текстовое содержимое обычно должно быть отделено от CSS, которое должно оставаться только для стилизации. Вы можете использовать CSS для отображения/скрытия текста, хранящегося/записанного в вашем HTML, но это содержимое будет за пределами любого указанного вами CSS. Сегменты: before и: after являются исключением – SW4

+0

, глядя на ваш пример в скрипте. Да, я знаю, что это будет легко, но я использую Apex oracle, поэтому я буду следить за вашим объявлением и использовать Jquery для этого – PHPnoob

0

Я думаю, что в вашем случае лучше сделать заявление PHP if для notice. что было бы более полезно

Смежные вопросы