Hide div when input on Focus, css

Question

How can I hide my div when the input is in Focus? I used this Cod and it didn’t work for me

.A:focus  .B {
    display: inline-block !important;
}

Answer 1

You can do something like this:

div {
     background: #f0a;
     display: true;
     height: 200px;
     width: 200px; }

input:focus + div { display: none }

DEMO

You can use classes or identifiers like this:

div.hidden {
background: #f0a;
display: true;
height: 200px;
width: 200px; }
input.focus:focus + div.hidden { display: none }

And then add the HTML like this:

<input class="focus" type="text" value="">
<div class="hidden"></div>

DEMO