CSS selektor pro první sloupec tabulky

_Arnošt:
Selektor :nth-child(n) sa od nadradeného elementu neoddeľuje mezderou, správny zápis je:


Avšak neviem, prečo namiesto selektoru :nth-child(1) nepoužiješ :first-child, ktorý na rozdiel od svojho kolegu funguje v IE 8 a navyše je o jeden znak kratší. :-)

TabulkaInformaci je co? Třída, nebo idéško? A jakého elementu?
Pseudotřída :nth-child(1) se týká jakého elementu? Ale můj tip je, že před ní nechceš mezeru.
Pokud se nepletu v tuhle pozdní hodinu, tak :first-child dělá to samé. Ale má lepší podporu.

_Arnošt:
Potrebuješ selektor table#TabulkaInformaci:first-child. Vyberie ti prvú tabuľku s identifikátorm TabulkaInformaci. Na stránke by sa mal správne jeden identifikátor vyskytovať iba raz, takže voliť prvý výskyt by nemalo byť potrebné. Identifikátor má v CSS najväčšiu prioritu a teda by teoreticky mohlo stačiť iba #TabulkaInformaci.

Na veľkosti písmen v názve tried a identifikátorov záleží.

Názov vlákna nezodpovedá preberanej téme. Hovoríme o CSS selektoroch, nie dedičnosti v tabuľke. Skús zvoliť taký titulok, aby vystihoval podstatu otázky. Zaregistrovaný návštevník má na úpravu názvu témy tri hodiny...

table#TabulkaInformaci:first-child je selektor pro první tabulku s idéčkem TabulkaInformaci, to bych nevymyslel.

_Arnošt:
Nevím, o co se pokoušíš, ale asi chceš selektor pro první řádek tabulky nebo pro první sloupec tabulky.

table#TabulkaInformaci tr:first-child /* selektor pro první řádek tabulky */
Živá ukázka
Odkaz

table#TabulkaInformaci tr :first-child /* selektor pro první sloupec tabulky */
Živá ukázka
Odkaz

table#TabulkaInformaci td:first-child /* selektor pro první sloupec tabulky, běžnější zápis */
Živá ukázka
Odkaz

Reaguji na _Arnošta:
„CSS selektoroch“
Co to je za divný název vlákna? Ty ještě neumíš skloňovat? Tomáš123 ti psal, že máš titulek zvolit tak, aby vystihoval podstatu dotazu. Podstatu, nikoliv obecnou kategorii, tak prosím zkus vymyslet něco výstižnějšího.
Edit: Děkuji, mnohem lepší :-)


Reaguji na Bubáka:
„table#TabulkaInformaci tr :first-child /* selektor pro první sloupec tabulky */“
+ pro první cokoliv uvnitř řádku. Pokud bude v buňce nějaký element, tento selektor ho zaměří také.

_Arnošt:
<table id='TabulkaInformaci'>
<tr><td>Místo:</td> <td >Horní dolní</td><td >Velitel soutěže:</td><td>Franta</td></tr>
<tr><td>Datum:</td> <td >1.9.2015</td><td>Hlavní rozhodčí:</td><td>Pepa</td></tr>
</table>

Podľa dát ktoré uvádzaš sa ale nejedná o tabuľký formát. Prečo to neurobíš cez <p> a <span> tagy ?

Reaguji na Dusanna:
Proč <p>? Tohle jsou podle tebe odstavce? Kdyby to mělo být sémanticky krásné, tak by to na to pasoval spíš definiční seznam.
Ale na _Arnoštově místě bych asi také použil tabulku. Sice dává na jeden řádek dvě navzájem nesouvisející dvojice dat, ale pravděpodobně nenajdeš reálné použití, kdy by to něčemu vadilo.

Chamurappi:
„Proč <p>? Tohle jsou podle tebe odstavce? Kdyby to mělo být sémanticky krásné, tak by to na to pasoval spíš definiční seznam.“

No pravda, definiční seznam ma tiež napadlo ako vhodnejšie riešenie.

„Ale na _Arnoštově místě bych asi také použil tabulku. Sice dává na jeden řádek dvě navzájem nesouvisející dvojice dat, ale pravděpodobně nenajdeš reálné použití, kdy by to něčemu vadilo.“

A čo tak accessibility ? Napr. zrakovo znevýhodnení uživatelia pocítia celkom chaos, ak im screen reader prečíta podľa tagov že ide o tabuľku ale logika dát tomu nebude odpovedať ;-)

Dusann:
„Napr. zrakovo znevýhodnení uživatelia pocítia celkom chaos“
Pokud to bude čtečka číst linearizovaně, tak zmíněný chaos bude malý.
Místo: Horní dolní Velitel soutěže: Franta Datum: 1.9.2015 Hlavní rozhodčí: Pepa

Vhodnější by to bylo takto: Živá ukázka, jsou tabulková data křížově vázána.
Ale pokud má _Arnošt nějaký důvod ponechat tabulku tak, jak ji má ve své ukázce, mi osobně by to nevadilo.

No neviem. Mne príde najkorektnejšie riešenie:



Alebo všetky <DL> dať do <DIV> a CSS potom nastaviť cez display ako tabuľku:

Živá ukázka