/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

145 votes268 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote146 views1 answer
For...of...loop and NodeLists
CSS
1 vote130 views1 answer
Ion-select background color
CSS
0 vote139 views1 answer
Wordpress template load CSS
CSS
0 vote156 views1 answer
Tampermonkey custom css
CSS
62 votes157 views3 answers
Border radius shorthand
CSS
40 votes134 views3 answers
Select first 5 child css
CSS
9 votes141 views4 answers
Animation shorthand css
CSS
1 vote142 views2 answers
Css block
CSS
-1 vote172 views2 answers
Hide the scrollbar in css if not overflow
CSS