Autor Zpráva
sniclman
Profil *
Ahoj,
potřebuju poradit jak změnit "první buňkou v druhém řádku" "první buňku v třetím řádku" v nějakém inteligentním formátu.

Zkoušel jsem něco takového:
.main_menu tr:nth-child(2) td:nth-child(1):hover  tr:nth-child(3) td:nth-child(1)    {color: red;}

Nicméně to nefunguje, můžete mi prosím poradit jak tosprávně naformátovat?
Joker
Profil
sniclman:
Jestli je to možné, doporučil bych jim v kódu nastavit nějakou CSS třídu.
sniclman
Profil *
Joker:

Vyzkoušel jsem ještě tohle ale taky to nefunguje
.main_menu tr:nth-child(2) td:nth-child(1):hover .main_menu tr:nth-child(3) td:nth-child(1){color: red; }

Pak jsem zkusil měnit prvek mimo tabulku:
.main_menu tr:nth-child(2) td:nth-child(1):hover .text{color: red; }
Div s třídou "test" jsem umístil před i za tabulku a nefunguje to
juriad
Profil
Doplň čárku, pak by to mohlo fungovat.
.main_menu tr:nth-child(2) td:nth-child(1):hover, .main_menu tr:nth-child(3) td:nth-child(1){color: red; }

Nebo dej těm <td> třídu, a tu styluj. Vyhneš se problémům s :nth-child.
sniclman
Profil *
juriad:
Čárka se používá pokud chceš pracovat s více třídama naráz.


Zkoušel jsem vytvořit tohle:

<table border="0">
<tr class="jedna"><td>1</td><td>2</td></tr>
<tr class="dva"><td>3</td><td>4</td></tr>
</table>

.jedna:hover ~ .dva td:nth-child(2) {color: red;} <-- funguje, změní barvu čísla 4

.jedna:hover .dva td:nth-child(2) {color: red;} <-- nefunguje

.jedna td:hover ~ .dva td:nth-child(2) {color: red;} <-- nefunguje
jefitto44
Profil
alebo rovno <tr style="CSS">/ <td style="CSS">
sniclman
Profil *
jefitto44:
alebo rovno <tr style="CSS">/ <td style="CSS">

Jak mám tohle chápat ?style="CSS"? Jak mi to pomůže když potřebuji pomocí :hover "PRVNÍ BUŇKOU v DRUHÉM ŘÁDKU" změnit "PRVNÍ BUŇKU v TŘETÍM ŘÁDKU".

Tabulka má tři řádky po šesti buňkách.
jefitto44
Profil
Aha, ja som to zle pochopil. A napadá ma len krkolomné riešenie cez záporné marginy, takže si to nevšímaj a počúvaj ostatných :)
anonymníí
Profil *
sniclman:
CSS neumí zaměřit rodiče (hoveruješ buňku, ale hledáš sourozence rodiče), ani předchozí element. Nepomůžou ti ani třídy, ani jiná CSS deklarace, v CSS je to, o co se snažíš, nemožné (CSS nemá jak ti vyhovět).

Jediná možnost je zde JS.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: