Promjena boje elementa H2

U kodiranju često postoji mnogo različitih rješenja za zadani problem. To je osobito istinito kada je riječ o oblikovanju HTML elementa.

Jedna od najjednostavnijih stvari za promjenu je boja teksta. Ali ponekad se čini da ništa što pokušate ne djeluje:

 h2 .red-text { color: red; }  

CatPhotoApp

Pa kako možete promijeniti boju elementa H2 u crvenu?

Opcija # 1: Ugrađeni CSS

Jedan od načina bio bi korištenje ugrađenog CSS-a za izravno oblikovanje elementa.

Kao i kod ostalih metoda, oblikovanje je važno. Ponovno pogledajte kod gore:

CatPhotoApp

Da biste koristili ugrađeni stil, upotrijebite styleatribut i omotajte svojstva i vrijednosti u dvostruke navodnike ("):

CatPhotoApp

Opcija 2: Upotrijebite CSS birače

Umjesto da upotrebljavate ugrađeni stil, svoj HTML ili strukturu i sadržaj stranice možete odvojiti od stila ili CSS-a.

Prvo se riješite ugrađenog CSS-a:

 h2 .red-text { color: red; }  

CatPhotoApp

No, morate biti oprezni s CSS biračem koji koristite. Pogledajte element:

h2 .red-text { color: red; }

Kada postoji razmak, selektor h2 .red-textporučuje pregledniku da element usmjeri na klasu red-textkoja je podređena h2. Međutim, element H2 nema dijete - pokušavate stilizirati sam element H2.

Da biste to popravili, uklonite prostor:

h2.red-text { color: red; }

Ili jednostavno red-textizravno ciljajte razred:

.red-text { color: red; }