After psewdoelementi
Psewdoelement after elementden soň
tekst goýberýär. Diňe content
hasiýeti bilen bilelikde ulanylýar, bu goýberilýän
teksti kesgitleýär.
Sintaksis
sahypalaýjy::after {
content: 'tekst';
}
Mysal
Biz li-ň üstüne geldigimizde onuň
ahyryna tekst goýberilýändigi edeliň:
<ul>
<li>sanaw elementi</li>
<li>sanaw elementi</li>
<li>sanaw elementi</li>
<li>sanaw elementi</li>
<li>sanaw elementi</li>
</ul>
li:hover::after {
content: '!!!';
}
:
Mysal
Goýberilýän tekste dürli stilleri ulanmak bolýar. Meselem, bu tekstleri haýsy-da bir reňke boýalyň:
<ul>
<li>sanaw elementi</li>
<li>sanaw elementi</li>
<li>sanaw elementi</li>
<li>sanaw elementi</li>
<li>sanaw elementi</li>
</ul>
li:hover::after {
color: red;
content: '!!!';
}
:
Şeýle-de görüň
-
psewdoelement
before,
tegiň tekstinden öň goýberiş edýär -
attrfunksiýasy,
tegiň atributynyň bahasyny alyş -
counter-incrementhasiýeti,
awtomatik nomirläniş kesgitleýär
