Return to Answer

added a code snippet

edited Feb 18 at 10:52

Itthis works well for me :

.home .red:nth-child(1) { border: 1px solid red; }

.home .red:nth-of-type(1) { border: 1px solid red; }

<div class="home"> <span>blah</span> <p class="red">first</p> <p class="red">second</p> <p class="red">third</p> <p class="red">fourth</p> </div>

It works well for me :

.home .red:nth-child(1) { border: 1px solid red; }

this works for me:

.home .red:nth-of-type(1) { border: 1px solid red; }

<div class="home"> <span>blah</span> <p class="red">first</p> <p class="red">second</p> <p class="red">third</p> <p class="red">fourth</p> </div>

answered Nov 21, 2024 at 16:52

It works well for me :

.home .red:nth-child(1) { border: 1px solid red; }