how can give some properties to an element if a button is focused

Question

if we have this structure, how can hide the #div if the button is focused

before I used to do it using the selector ~ like that but now it didn't work out

    button:focused ~ #div{
       display: none;
    }

<div id="div">This is a normal div</div>
  <div class="container">
      <button type="button" class="button">Click me</button>
  </div>

score 1 · Answer 1 · answered May 14 '19 at 22:49

1

button:focus + #div{
display: none;
}

<div class="container">
    <button type="button" class="button">Click me</button>
    <div id="div">This is a normal div</div>
</div>

Check this out

answered May 14 '19 at 22:49

DAMMAK

this is working only if the div is beside the button, what about if the div is beside the container of the div, like the code shown in the example above? – Yassine Safraoui May 15 '19 at 18:49

1 Answers1