hover rodzica przyjmują dzieci

iwanttoknowit
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 17
0

Jak zrobić, żeby tylko rodzic "hoverował" a dzieci w środku nie?
ps. z Bootstrapem, ale to chyba nie wiele zmienia.

Przykład:

Kopiuj
 <style>
 .rodzic :hover {
    border: 1px solid #ffffff;
}
 </style>
 
 <div class"rodzic">
 
    <div class="dziecko_1">
   </div>
    <div class="dziecko_2">
    </div>
 
 </div>
mr_jaro
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Grudziądz/Bydgoszcz
  • Postów: 5300
0

nie da się, możesz jedynie nadać style dzieciom podczas hoverowania rodzica

jarekr000000
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: U krasnoludów - pod górą
  • Postów: 4730
1

Oczywiście, że się da:
.rodzic:hover

https://jsfiddle.net/h29e0La1/

Oczywiście - pewne własności sa dziedziczone z komponentu wyżej, i to może mieć wpływ. (dlatego w przykładzie poniżej ustawiłem domyślny inny kolor tła).

mr_jaro
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Grudziądz/Bydgoszcz
  • Postów: 5300
0

@jarekr000000: nie zrozumiałeś chyba o co mu chodzi, ale zobaczymy co odpisze.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.