/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 vote190 views1 answer
Ms-clear event
CSS
12 votes198 views5 answers
Responsive font size
CSS
0 vote182 views1 answer
Colored button link
CSS
1 vote183 views2 answers
Put a border only on bottom
CSS
1 vote188 views1 answer
Grid rows css
CSS
0 vote183 views1 answer
Inset boxshadow
CSS
11 votes227 views6 answers
Transition css
CSS
0 vote181 views1 answer
Css change overflow scrollbar
CSS
1 vote193 views1 answer
Detect mobile css
CSS
1 vote171 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS