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

Псевдоэлементи before матнро пеш аз унсур мегузорад. Танҳо якҷо бо хосияти content истифода мешавад, ки матнеро, ки бояд гузошта шавад, муайян мекунад.

Синтаксис

интихобкунанда::before {
	content: 'матн';
}

Намуна

Биёед тавре кунем, ки ҳангоми нишон додан ба li ба оғози он матн гузошта шавад:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

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

Намуна

Ба матни гузоришӣ метавон аз услубҳои гуногун истифода бурд. Масалан, ин матнро ба як ранги муайян ранг кунем:

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

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

Инчунин бубинед

псевдоэлементи after,
ки гузоришро пас аз матни тег иҷро мекунад
функсияи attr,
ки қимати атрибути тегро мегирад
хосияти counter-increment,
ки нумиракунии худкорро муайян мекунад