/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

50 votes214 views4 answers
Label css
CSS
8 votes234 views2 answers
Html how to change highlight color
CSS
2 votes244 views1 answer
Html5 input required length
CSS
41 votes217 views6 answers
Media query for mobile min and max width
CSS
-1 vote212 views1 answer
Css border image property
CSS
0 vote248 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
3 votes218 views2 answers
How to change only bullet color in css
CSS
0 vote229 views1 answer
Javascript select element that does not have attribute
CSS
0 vote235 views1 answer
Z pos css
CSS
3 votes216 views2 answers
Css text color border
CSS