zmiana stylu "brata" danego elementu

Question

Witam, mam taką sytuacje:

<div>
  <input />
  <div class = "autocomplete"></div>
</div>

teraz chce, żeby autocomplete pokazywał się tylko wtedy, gdy input jest aktywny czyli input:focus, jakiś pomysł jak za pomocą css'a zmienić style tego elementu autocomplete?

Answer 1

Musisz zdefiniować regułę dla inputa z fokusem:

input:focus ~ div.autocomplete { /* tu twoje style */}

Ukrycie elementu to albo visibility: hidden albo display: none w zależności od tego, czy ma być zostawione miejsce na ukrywany element, czy też nie. Pokazanie elementu to  visibility: visible lub display: block (domyślne dla diva, ale możesz również użyć innych wartości).

Poczytaj o tych własnościach.