[HTML][CSS] Zmiana koloru tła DIV'a drugiego obiektu, po ID Opcje

[shpaque]

Witam serdecznie - szukam i szukam i nic...

Jak zrobić w css, żeby po akcji "hover" zmieniło mi się tło innego layera / obiektu?

[HTML] pobierz, plaintext 
<style>
#pierwszy-obiekt:hover
{
background-color (#drugi-obiekt): #000000;
}
</style>
[HTML] pobierz, plaintext 

coś w tym stylu... Chciałbym żeby po najechaniu na id='pierwszy' zmienił się background elementu o id='drugi' - i to w css a nie js. I nie chodzi o klasy tylko id...

[HTML] pobierz, plaintext 
#table-image1:hover CO TUTAJ, ŻEBY ZADZIAŁAŁO NA #shape1
{
background-color: #000000;
-webkit-transition: background-color 500ms ease 0ms;
-moz-transition: background-color 500ms ease 0ms;
-ms-transition: background-color 500ms ease 0ms;
transition: background-color 500ms ease 0ms;
}
[HTML] pobierz, plaintext 

Ten post edytował shpaque 20.08.2013, 08:13:20

[lobopol]

1. To co podałeś nie ma prawa działać bo po zagnieżdżałeś sobie css, pokaż kod na jsfiddle
2. x ~ y celuje w elementy y znajdujące się na tym samym poziomie co x i muszą występować po nim czyli

[HTML] pobierz, plaintext 
<div id="a"></div>
<div id="b"></div>
[HTML] pobierz, plaintext 

możesz zrobić

[CSS] pobierz, plaintext 
#a:hover ~ #b {
  background: red;
}
[CSS] pobierz, plaintext 

ale już
ten kod nie zadziała dla czegoś takiego:

[HTML] pobierz, plaintext 
<div id="b"></div>
<div id="a"></div>
[HTML] pobierz, plaintext 

lub

[HTML] pobierz, plaintext 
<div><div id="a"></div></div>
<div id="b"></div>
[HTML] pobierz, plaintext 

lub

[HTML] pobierz, plaintext 
<div id="a"></div>
<div><div id="b"></div></div> //  w tym przypdaku jeszcze można celować w #a:hover ~ div #b
[HTML] pobierz, plaintext 

Ten post edytował lobopol 20.08.2013, 17:04:13