before псевдоэлементи

before псевдоэлементи текстти элементтин алдына кошот. Ал гана content касиети менен бирге колдонулат, бул кошулуучу текстти белгилейт.

Синтаксис

тандооч::before {
	content: 'текст';
}

Келгиле, бизге керек болгондо li элементинин алдына текст кошсун:

<ul>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
</ul>

li:hover::before {
	content: '!!!';
}

Кошулган текстке ар кандай стилдерди колдонсо болот. Мисалы, бул текстти кандайдыр бир түскө боёйлу:

<ul>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
	<li>тизме элементи</li>
</ul>

li:hover::before {
	color: red;
	content: '!!!';
}