TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Názory ke článku CSS – 3. Rozšírená syntax
je dobre ze sa nasiel niekto kto k faktom prida aj trochu tej "omacky" a spristupni css naozaj vsetkym.
niektore veci ale imho trochu moc zobecnujes napr:
Preto budete vždy na štýlovanie odstavcov používať class selektor.
ale to je cisto tvoja vec.
dufam ze sa ti podari naplnit ten slub s posledneho odstavca:).
hlava dokumentu má väčšiu prioritu a preto prehliadač uprednostní....
Tento jav sa nazýva Viacnásobné štýlové hárky
Myslím že se mýlíš.
Nepleť si případy, kdy rozhoduje:
A. Priorita původu: |autor=dokument| > |uživatel| > |browser-default|
B. Specifičnost: |<body style="...">|>|html body#telo|>|body#telo|>|#telo|>|html body[id=telo]|>|*[id=telo]|>|html>body|>|body|
C. Pořadí
Primárně rozhoduje: A. > B. > C.
Tudíž všechny styly z dokumentu (<style>,<link>,@import) se posuzují podle specifičnosti a pak podle pořadí.
Tvůj příklad:
To je právě případ, kdy při stejné A-Prioritě původu a B-Specifičnosti rozhoduje C-Pořadí.Funguje iba v prípade, že ste najprv uviedli odkaz na CSS súbor a až za ním ste deklarovali hlavičkové štýly:
Můj příklad:
Predstavte si, že v tele mate:
<h3 class="nastred"> Aka je to farba </h3>h3.nastred {
color: red;
text-align: center;
}.nastred {
text-align: center
}
h3 {
color: blue;
text-align: right;
}Výsledok - prehliadač neuprednostní farbu podľa hodnoty určenej v hlave (X)HTML dokumentu.Čo sa stalo?
To je právě případ, kdy při stejné A-Prioritě původu rozhoduje B-Specifičnost, a ne C-Pořadí (nezáleží jestli napíšu dřív <style>...<style> nebo <link ...css..>)
Můžu konstatovat (přestože mi jde abeceda docela dobře) že nejkvalitněji jsem se orientoval v seznamech vlastností,které byly uspořádané logicky (po skupinách které spolu souvisejí),např. tok+pozice;rozměry;okraj+padink+rám;vl.písma;barvy....atd
