Find centralized, trusted content and collaborate around the technologies you use most.
Learn more about CollectivesStack Internal
Knowledge at work
Bring the best of human thought and AI automation together at your work.
Explore Stack Internal you could use first-of-type or nth-of-type(1) or nth-child(1 of .red)
.red { color: green; } /* .red:nth-of-type(1) */ /* .red:first-of-type */ .home :nth-child(1 of .red) { color: red; }<div class="home"> <span>blah</span> <p>not red</p> <p class="red">first</p> <p class="red">second</p> <p class="red">third</p> <p class="red">fourth</p> </div> you could use first-of-type or nth-of-type(1)
.red { color: green; } /* .red:nth-of-type(1) */ .red:first-of-type { color: 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> you could use first-of-type or nth-of-type(1) or nth-child(1 of .red)
.red { color: green; } /* .red:nth-of-type(1) */ /* .red:first-of-type */ .home :nth-child(1 of .red) { color: red; }<div class="home"> <span>blah</span> <p>not red</p> <p class="red">first</p> <p class="red">second</p> <p class="red">third</p> <p class="red">fourth</p> </div>you could use first-of-type or nth-of-type(1)
.red { color: green; } /* .red:nth-of-type(1) */ .red:first-of-type { color: 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>