Kichwa cha span kwa vipande vya maandishi katika HTML

Tayari unajua kuwa ili kufanya kipande fulani cha maandishi, kwa mfano, kuwa na mwoneko mzito - unapaswa kutumia kichwa b. Hata hivyo, je, nifanye nini ikiwa nataka kupaka rangi nyekundu kipande cha maandishi? Kwa kesi kama hiyo hakuna kichwa, kama kichwa b.

Lakini kuna kichwa maalum span - lenyewe halifanyi chochote kabisa, lakini unaweza kutumia mitindo ya CSS kwake, ambayo itaturuhusu kuongeza athari inayohitajika kwa kipande cha maandishi.

Tuangalie kwa mfano. Hebu tuseme tuna maandishi fulani:

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

Hebu tuseme tunataka neno "text" liwe nyekundu. Ili kufanya hivyo, tutafunga kipande hiki cha maandishi kwenye kichwa span na tutapeana kichwa hiki darasa fulani:

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

Sasa basi tupake rangi nyekundu kipengele chenye darasa kama hicho :

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>