before կեղծ տարրը

before կեղծ տարրը տեղադրում է տեքստը տարրից առաջ: Օգտագործվում է միայն content հատկության հետ միասին, որը սահմանում է տեղադրվող տեքստը:

Շարահյուսություն

cssընտրող::before {
  content: 'տեքստ';
}

Օրինակ

Եկեք անենք, որ երբ դրվում է ցուցիչը li-ի վրա, դրա սկզբում տեղադրվի տեքստ.

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

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

Результат:

Օրինակ

Տեղադրվող տեքստին կարելի է կիրառել տարբեր ուլունքներ: Եկեք, օրինակ, ներկենք այս տեքստը ինչ-որ գույնով.

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

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

Результат:

Տես նաև