| Autor | Zpráva | ||
|---|---|---|---|
| Penguin Profil * |
#1 · Zasláno: 17. 4. 2010, 08:25:19
Ahojte, chtěl bych prostřednictvým css dosáhnout toho že budu mýt 2 texty. Jeden bude v id jedna druhej v id dva. Css musí udělat aby při najetí na id jedna se zbarvilo id dva. Nikdy jsem to neřešil a nevím jak nato. Dám tu příklad která nefunguje:
#idJ:hover idD
{
color:red;
} |
||
| Str4wberry Profil |
#2 · Zasláno: 17. 4. 2010, 08:37:45
<style>
p:hover span {color: red}
</style>
<p>Text 1 <span>Text2</span> |
||
| Penguin Profil * |
#3 · Zasláno: 17. 4. 2010, 11:57:43
Děkuji, ale nevidím v tom žádnou logiku :( jaktože to funguje jen když je tam ten tag p ?
|
||
| panther Profil |
#4 · Zasláno: 17. 4. 2010, 12:00:31
Penguin:
neškodilo by ti nastudovat základy CSS. Funguje to na odstavec v HTML, protože v CSS styluji odstavec. <style>
p:hover span {color: red}
</style>
<p>Text 1 <span>Text2</span> |
||
| Penguin Profil * |
A také se to sbarví když najedu na to span což nechci... Je to asi tím že na to text2 působí i to p ale když před to dám </p> tak to zase nefunguje...
Moderátor Str4wberry: Tvůj projev je špatně srozumitelný, piš prosím s větnou interpunkcí.
|
||
| panther Profil |
#6 · Zasláno: 17. 4. 2010, 12:02:27
Penguin:
uvedená ukázka obarví vše, co je ve spanu v případě, že najedu na odstavec, který je tomu spanu nadřazený. Pokud nejsi schopen tohle pochopit, buď ukaž konkrétní ukázku problému nebo se na to vykašli. |
||
| Str4wberry Profil |
#7 · Zasláno: 17. 4. 2010, 12:03:48
span:hover {color: black!important} |
||
| Bubák Profil |
#8 · Zasláno: 17. 4. 2010, 12:42:06
Jde to i bez important!, ale to už je třeba se vyznat v pravidlech kaskádování a aspoň něco tušit o specifičnosti selektorů, v příkladě níže je u obou selektorů stejná, takže záleží na jejich pořadí:
p:hover span {color: red}
p span:hover {color: black} |
||
|
Časová prodleva: 14 let
|
|||
0