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

csssahypalaýjy::after {
  content: 'tekst';
}

Mysal

Biz li-ň üstüne geldigimizde onuň ahyryna tekst goýberilýändigi edeliň:

html<ul>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
</ul>

cssli: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ň:

html<ul>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
</ul>

cssli:hover::after {
  color: red;
  content: '!!!';
}

Результат:

Şeýle-de görüň