How to add style to the div that is followed by a div of particular class using css?

Asked Feb 17 '20 at 13:08

Active Feb 17 '20 at 15:54

Viewed 28 times

i want to add the margin property to the div of class="first" that is followed by a div of class="note".

I have tried below

div.first + div.note {
      margin: 20px;
  }

<div class="root">
    <div class="first">
        first
    </div>
    <div class="note">
        note
    </div>
</div>

But this adds margin to note div but wanted it for first div. How could i change it to add it to the div with class first. could someone help with this. thanks.

edited Feb 17 '20 at 15:54

Prateik Darji

2,227
1
11
27

asked Feb 17 '20 at 13:08

someuser2491

1,418
3
13
41

1

there is no previous sibling selector – Pete Feb 17 '20 at 13:14
could it be done by javascript if not css. – someuser2491 Feb 17 '20 at 13:15
1

yes, but you would have to have a go at doing it yourself and if you get stuck, then ask a question showing your attempt - if you make no attempt then your question is off topic – Pete Feb 17 '20 at 13:16
1

or you could swap the order of your divs in your html and use css flex to swap them back when displayed – Pete Feb 17 '20 at 13:17
Have a look at this answer: https://stackoverflow.com/a/36118012/12166116 – Run_Script Feb 17 '20 at 13:20

How to add style to the div that is followed by a div of particular class using css?

0 Answers0