/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

1 vote329 views1 answer
Css after not working
CSS
31 votes304 views4 answers
Letter spacing in css
CSS
1 vote324 views1 answer
Css everything under element
CSS
0 vote322 views1 answer
Add expanding underline on page load css
CSS
0 vote335 views2 answers
Wow.js
CSS
0 vote300 views1 answer
How to use the display property
CSS
0 vote380 views1 answer
Dropdown size based on text
CSS
-2 votes334 views1 answer
Css opacity transition
CSS
15 votes358 views3 answers
Loops scss
CSS
0 vote323 views1 answer
Nth-of-type(2):before
CSS