Pseudoelementy CSS

Dobrý den, prosím vás, co jsou to pseudoelementy? Někde jsem o tom slyšel, ale nevím jak je v CSS použít.

Profile picture for user Jan Polzer

Nejlépe tak, že je vyzkoušíte... Pseudoelementy jsou dva, pokud vím, a slouží k odlišení vzhledu prvního písmena a prvního řádku v odstavci.

Zápis pro úpravu prvního řádku je v CSS třeba takovýto:
p:first-line {font-weight: bold; color: red;}
nebo
p.nejakatrida:first-line {color: red; font-weight: bold;}

Podobně lze v CSS pomocí pseudoelementu upravit první písmeno odstavce:
p:first-letter {color: red; font-weight: bold; font-size: x-large; }
nebo
p.nejakatrida:first-letter {color: red; font-weight: bold; font-size: x-large; }

Odpovědět

Obsah tohoto pole je soukromý a nebude veřejně zobrazen.

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

Knihy o Drupalu

Kniha Drupal 8 Kniha Drupal 7 333 tipů a triků pro Drupal
Více na KnihyPolzer.cz

@maxiorel na Twitteru

Maxiorel na Twitteru