Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div class=odkaz-obal id=odkaz-obal> <a href=#>Odkaz</a> <a href=# class=odkaz>Odkaz</a> <a href=# id=odkaz>Odkaz</a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div#odkaz-obal a#odkaz { /*Prebije už iba !important alebo inline štýl*/ color: rebeccapurple; } .odkaz-obal a { color: green; } /*1*/.odkaz-obal .odkaz { /*Dosť konkrétny, aby prebil deklaráciu nižšie*/ color: red; } a:link { /* silnejší ako .odkaz a */ color: orange; } /*Na prebitie môžeme vymeniť poradie deklarácií (2) alebo použíť triedu (1) (lebo tá už bude dosť konkrétna, na to, aby sme vyššie uvedenú deklaráciu prebili). Alternatívne ide kombinovať všetky ostatné zmesi identifikátorov a tried.*/ /*2*/.odkaz-obal a { /*Vymenené poradie*/ color: green; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>