Как установить для всех :after значения по-умолчанию?

Question

[Джавараст Скриптович]

Дабы не писать повторяющийся код:

content:"";
position:absolute;
width:100%;height:100%;
left:0;top:0;

Мне нужно что-то вроде этого:
:before,:after{/*стили*/}

Инной способ устранения повторяемости подойдет

Comments

[Алексей]

* ?

[Джавараст Скриптович]

Алексей, не робит такой вариант

[Алексей]

Джавараст Скриптович, странно это все
*:before,*:after{/*стили*/}

Answer 1

[Алексей]

Для проверки воткните в контент любой символ.

*:before,*:after{
content:"";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
}

Если не работает, может стоит полностью обновить страницу со сбросом кеша?

Comments

[Джавараст Скриптович]

Ну да, это работает, просто в моем случае, почему-то не хочет

[Джавараст Скриптович]

Ага, понял, в чем проблема была:
width:100%;height:100%; - нужно было устанавливать уже в определении конкретного элемента, а не для всех изначально.

Мне вот только одно интересно, это не вредит объему документа? ведь получается, что для каждого элемента создается псевдоэлемент)

[Алексей]

Джавараст Скриптович, я таким вопросом сильно не задавался, но предположу что это зависит от количества элементов на странице. Т.е. задержка вероятнее всего есть при добавлении этих элементов, но в связи с тем что это 10 строк CSS, а не 100500 в HTML, то нагрузка минимальна, ведь объем документа не изменяется для загрузки и браузер сам рисует. Современный хром жрет памяти столько, что те у кого он не тормозит и так все рисуется быстро, а у кого тормозит не поймет причину задержки.
В современном мире судя по реалиям, долой оптимизацию, нужно больше памяти, быстрее процессоры и SSD ;)

[ⓒⓢⓢ]

Джавараст Скриптович,
из ответа удалите строку content: "";
Так не будет создаваться псевдоэлемент, а на тех элементах, где нужно добавить, добавляете эту строку
например:
.container > *:after { content: ''; }

Answer 2

[Ankhena]

Используя способ Алексей вы создадите псевдоэлементы для вообще всех (!) элементов на странице. Да еще и с абсолютами и заставите браузер всё это отрисовывать, на каждой странице при каждой загрузке.

Уберите по крайней мере свойство content: ""