Hejsa
Jeg har en klasse som jeg gerne vil have ændrer farve når en anden klasse modtager hover.
Jeg ved at man kan gøre det med childelementer, men desværre så er dette en klasse der ligger på samme niveau.
Kan det passe det ikke kan gøres i ren CSS?
Normalt hvis det var et childelement ville jeg kunne
- <div class="my-container">
- <div class="child-container">
- Hello world
- </div>
- <div class="child-container-two">
- Another world
- </div>
- </div>
- .my-container
- {
- font-weight: bold;
- }
-
- .child-container
- {
- color: blue;
- }
-
- .child-container-two
- {
- color: orange;
- }
-
- /* Når du :hover my-container bliver text farven i child-elemnter med klassen .child-container-two til rød */
- .my-container:hover .child-container-two {
- color: red;
- }
Problemet er blot at jeg gerne vil have at når man hover child-container-two så skal farven i child-container ændres, men det er jo ikke et child element.
Virker css-selectors kun på child-elementer?