/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

0 vote191 views1 answer
Scss add class to body
CSS
61 votes268 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote216 views1 answer
Custom properties css
CSS
71 votes162 views17 answers
Box -shadow
CSS
35 votes226 views6 answers
Gradient css background
CSS
0 vote234 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
0 vote221 views1 answer
How to create wave like border
CSS
0 vote220 views1 answer
React wrapper component
CSS
0 vote203 views1 answer
Make border absolute css
CSS
5 votes193 views2 answers
Remove bootstrap button outline
CSS