jedna funkcja dla dwóch elementów (?)

pytanie zadane 1 czerwca 2015 w HTML i CSS przez kamilwdg18 Obywatel (1,080 p.)

Witam, natknąłem się na taki problem. Mam jeden div w którym jest drugi div. Nazwijmy je Div#1 i Div#2.

Zrobiłem hover na Div#1 i po najechaniu fajne mi się obrazek w nim powiększa, ale jak najade na Div#2 (który jest przecież w pierwszym) to efekt znika.

Jest możliwość abym np. po najechaniu na Div#2 zmieniał wartości w Div#1?

Np:

.Div#2:hover{
//  I tutaj magiczny kod który zmienia coś w Div#1 /
transition:400ms;
width:500px;
height:500px;
}

Nie chce się narazie bawić w SASS lub inne odmany cssa

6 odpowiedzi

odpowiedź 1 czerwca 2015 przez testerius Pasjonat (23,960 p.)

odpowiedź 1 czerwca 2015 przez HaKIM Szeryf (87,590 p.)

O coś takiego Ci chodzi:

<!DOCTYPE html>
<html>
<head>
<style>
div p:hover {
    background-color: yellow;
}
</style>
</head>
<body>

<div>
  <p>Paragraph 1 in the div.</p>
  <p>Paragraph 2 in the div.</p>
  <span><p>Paragraph 3 in the div.</p></span>
</div>

<p>Paragraph 4. Not in a div.</p>
<p>Paragraph 5. Not in a div.</p>

</body>
</html>

Wklej tu:

http://www.w3schools.com/css/tryit.asp?filename=trycss_sel_element_element

Ten kod.

odpowiedź 1 czerwca 2015 przez Comandeer Guru (601,590 p.)

odpowiedź 1 czerwca 2015 przez jaca121212 Nałogowiec (40,760 p.)
edycja 1 czerwca 2015 przez jaca121212

odpowiedź 2 czerwca 2015 przez NeroTestero Gaduła (3,240 p.)

Jaka w tym filozofia?

kod:

.Div#1:hover .Div#2{}

I na odwrót w zależności co chcesz osiągnąć.

.Div#2:hover .Div#1{}

komentarz 2 czerwca 2015 przez Comandeer Guru (601,590 p.)

Patrz: koment do odpowiedzi @iwan9449

odpowiedź 2 czerwca 2015 przez iwan9449 Pasjonat (20,810 p.)

Prosta sprawa ;)

.Div#2:hover .Div1#{

//  I tutaj magiczny kod który zmienia coś w Div#1 /

transition:400ms;

width:500px;

height:500px;

}

Pozdrawiam!

komentarz 2 czerwca 2015 przez Comandeer Guru (601,590 p.)

No właśnie nie ;) Przecież #Div1 jest rodzicem #Div2, więc ten selektor nie ma prawa działać (bo mówi o #Div1 będącym dzieckiem #Div2

Podobne pytania

0 głosów

3 odpowiedzi 1,011 wizyt

Javascript jedna funkcja dla kilku elementów

pytanie zadane 23 maja 2017 w JavaScript przez Damian13 Obywatel (1,430 p.)

0 głosów

0 odpowiedzi 146 wizyt

Tylko jedna funkcja .click() z dwóch się uruchamia

pytanie zadane 3 września 2018 w JavaScript przez Greeenone Pasjonat (16,100 p.)

0 głosów

1 odpowiedź 108 wizyt

Jedna funkcja do rożnych elementów - JQuery

pytanie zadane 8 listopada 2016 w JavaScript przez Napromieniowany Użytkownik (570 p.)

jedna funkcja dla dwóch elementów (?)

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

6 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci