Matndagi parcha uchun span tegi HTMLda

Siz allaqachon bilasizki, ma'lum bir matn parchasini, masalan, qalin qilish uchun b tegidan foydalanish kerak. Biroq, agar men matnning bir qismini qizil rangga bo'yamoqchi bo'lsam, nima qilishim kerak? Bunday hollarda b tegiga o'xshash teg mavjud emas.

Buning uchun maxsus span tegi mavjud - o'zi hech qanday ishni bajarmaydi, lekin unga CSS uslublarini qo'llash orqali matn parchasiga kerakli effektni qo'shishimiz mumkin.

Keling, bir misolni ko'rib chiqaylik. Faraz qilaylik, bizda ma'lum bir matn bor:

html<p>
  This is a paragraph with text.
</p>

Faraz qilaylik, biz "text" so'zini qizil qilmoqchimiz. Buning uchun ushbu matn parchasini span tegiga o'rab, ushbu tegga ma'lum bir klass beramiz:

html<p>
  This is a paragraph with <span class="red">text</span>.
</p>

Endi esa shunday klassdagi elementni qizil rangga bo'yaymiz:

css.red {
  color: red;
}

html<p>
  Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
  <span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>