Hlavní obsah
Rychlý tip: Stylování pomocí názvu tagu
Jak jsme se právě dozvěděli, pravidla CSS používáme pro výběr prvků na webové stránce, abychom pak mohli tyto prvky stylizovat.
Způsob, jakým CSS říkáme, které HTML prvky chceme stylizovat, je užitím selektorů. Existuje mnoho druhů selektorů, které probereme později, zde však chceme pouze zopakovat ten, který jsme si ukázali ve videu, a to typový selektor.
Typový selektor vybere HTML prvky podle názvu jejich tagu. Každý HTML prvek—
<h1>, <p>, <li>, <body>—a kterýkoliv jiný HTML prvek může být vybrán pomocí CSS užitím názvu tagu bez znamének nerovnosti (< a >). Například můžeme vybrat všechny tagy <p> na naší stránce užitím typového selektoru p. Teď si ukážeme CSS pravidlo, které změní barvu písma všem odstavcům na webové stránce:p {
color: rgb(255, 0, 0);
}Pojďme zkontrolovat, jestli to dává smysl. Které z těchto pravidel by zvolilo všechny prvky
<h2> na stránce?V příští výzvě si vyzkoušíme použití typových selektorů s různými názvy tagů. Při experimentování si všímejte, jaký efekt mají CSS pravidla na stránku - které prvky změní barvu a které ne.
Chceš se zapojit do diskuze?
Zatím žádné příspěvky.