/CSS/Styling links within a class except the last one

Styling links within a class except the last one

<div class="outer">
  <a href="#">First</a>
  <a href="#">Second</a>
  <div>
    <a href="#">Third</a>
  </div>
  <a href="#">Fourth</a>
  <a href="#">Fifth</a>
</div>

Source: stackoverflow.com

Styling links within a class except the last one

.outer a:not(:last-of-type) {
  color: red;
}

Source: stackoverflow.com

Similar codes

27 votes308 views4 answers
Unselectable text css
CSS
1 vote288 views1 answer
How to use input border
CSS
111 votes327 views6 answers
Media query css
CSS
16 votes279 views4 answers
Arrow right css
CSS
0 vote297 views1 answer
Laravel enum float
CSS
0 vote279 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
1 vote288 views1 answer
Twig block
CSS
0 vote297 views1 answer
How to override bootstrap css in wordpress
CSS
0 vote301 views1 answer
Css anchor fill parent
CSS
1 vote285 views1 answer
Circle css with text in the center
CSS