2015-05-21 1 views
0

Я пытаюсь использовать:Почему Cant вставить/использовать :: ПЕРЕД :: ПОСЛЕ стилей CSS?

.widget::before{ 
    background:red; 
    height:20px; 
    width:100%; 
    content: ""; <---- if this is removed, then block is not visible at all 
} 

но без content: ""; псевдо-блок не отображается на всех .. если псевдо-класс всегда включают в себя параметр content?

ответ

1

Без content: ''; перед виджетам нечего добавлять. Вы можете объявить размер, цвет, форму и т. Д. Псевдо-класса ... но не объявляя, что такое «контент», вставить нечего.

1

Да, это должно быть.
CSS Псевдоэлементы предназначены для добавления контента на страницу, поэтому они должны иметь контент для отображения.
According to the Docs:

Это свойство используется с: до и: после того, как псевдо-элементы для генерации содержимого в документе. Значения имеют следующие значения:
none: Псевдоэлемент не генерируется.

Это подразумевает, что псевдо элементы должны иметь содержание быть сгенерированы.

0

Цель использования :: before и :: после псевдо классов - вставить содержимое с помощью CSS. Если свойство контента не объявлено для псевдо класса, не будет никаких изменений, будет видно

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

  • Нет связанных вопросов^_^