Autor | Zpráva | ||
---|---|---|---|
sniclman Profil * |
#1 · Zasláno: 5. 3. 2014, 11:10:52
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 |
#2 · Zasláno: 5. 3. 2014, 11:14:46
sniclman:
Jestli je to možné, doporučil bych jim v kódu nastavit nějakou CSS třídu. |
||
sniclman Profil * |
#3 · Zasláno: 5. 3. 2014, 11:32:57
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; } |
||
juriad Profil |
#4 · Zasláno: 5. 3. 2014, 11:37:41
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 * |
#5 · Zasláno: 5. 3. 2014, 11:58:36
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 |
#6 · Zasláno: 5. 3. 2014, 12:27:01
alebo rovno <tr style="CSS">/ <td style="CSS">
|
||
sniclman Profil * |
#7 · Zasláno: 5. 3. 2014, 12:32:23
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 |
#8 · Zasláno: 5. 3. 2014, 12:39:15
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 * |
#9 · Zasláno: 5. 3. 2014, 14:21:19
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. |
||
Časová prodleva: 10 let
|
0