class i text.

Kan man sätta en class på en bokstav i en löpande text.

Ex:
<p>Hur färgar man alla m i den här meningen röda.</p>

Hur gör man..? Finns det någon tagg som funkar så? <p>Hur färgar <? class="red">m</?>an alla m i den här meningen röda.</p>

Hmm...

Ett sätt är att använda <span> och lite CSS
Om du har det här i din CSS:

.redtext {color: red}

Kan du göra såhär:

<p>Hur färgar <span class="redtext">m</span>an alla <span class="redtext">m</span>
i den här <span class="redtext">m</span>eningen röda.</p>

Alternativ:
Om du i stället gör såhär i din CSS:

p.makemred span {color: red}  /* alla span inuti ett p med class="makemred" */

kan du märka upp meningen såhär

<p class="makemred">Hur färgar <span>m</span>an alla <span>m</span>
i den här <span>m</span>eningen röda.</p>

Vilket som är "bäst" är upp till vars och ens tycke och smak (+ att det säkert finns flera CSS-alternativ att använda i kombination med <span> också ;) )

Okej, tack för hjälpen. <span> it is!!!!

Värt att poängtera är att just "red" är ett rätt illa valt klassnamn. Om du senare får för dig att ändra till någon annan färg måste du gå igenom all HTML och ändra namnet där också. Alternativet, att ha blå färg men ändå kalla klassen "red" blir lätt galet :)

Emil Stenström skrev:

Värt att poängtera är att just "red" är ett rätt illa valt klassnamn. Om du senare får för dig att ändra till någon annan färg måste du gå igenom all HTML och ändra namnet där också. Alternativet, att ha blå färg men ändå kalla klassen "red" blir lätt galet :)

Precis, försök istället att lägga in lite semantik i dina klassnamn tex.

<span class="name">Daim</span>, <span class="price">1$</span>

mv icaaq