Ukázkové styly
Dva malé styly na vyzkoušení !important a tahle stránka, na které je vyzkoušíš.
Testovací rámečky
Rámeček 1S první ukázkou zoranžoví.
Rámeček 2S druhou ukázkou zmizí – nebo ho vyber sám: ikona ! › Vybrat prvek na stránce, klikni na tenhle rámeček, Skrýt.
1. Oranžový rámeček – UserCSS
- Klikni na ikonu ! › Spravovat styly… › Importovat ▾ › Z adresy… a vlož
https://daniel.snor.cz/important/examples/orange-example.user.css– nebo soubor stáhni a použij Ze souboru…. - Vrať se na tuhle stránku: rámeček 1 je oranžový a oranžová je i ikona ! na liště.
Styl si sám říká, kde platí, a jeho barva je nastavitelná: ve správci změň --accent na začátku jeho CSS.
2. Schovat rámeček – obyčejné CSS
- Naimportuj ho stejně, z
https://daniel.snor.cz/important/examples/hide-example.cssnebo ze souboru. - Obyčejné CSS neříká, kde platí, a správce se na to zeptá: v Kde platí klikni na + přidat web a napiš
daniel.snor.cz. - Vrať se na tuhle stránku: rámeček 2 zmizel.
Nahradit místo Navrch
Se zapnutým stylem zvol v nabídce ! Nahradit. Nabídka vypíše vlastní styl stránky, site.css, nezaškrtnutý: je vypnutý a zůstanou jen tvoje styly. Zaškrtnutím, nebo přepnutím zpět na Navrch, se vzhled stránky vrátí.