nth-child

by intrinsica

HTML

<ol>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ol>

<ol reversed>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ol>

<ol start="6">
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ol>

<ol start="6" reversed>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ol>

<ol type="i">
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ol>

<ol type="i" reversed>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ol>

<ol type="i" reversed start="5">
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ol>

<ol>
  <li>a
    <ol>
      <li>aa</li>
      <li>bb
        <ol>
          <li>aaa</li>
          <li>bbb</li>
          <li>ccc</li>
          <li>ddd</li>
          <li>eee</li>
          <li>fff</li>
        </ol>
      </li>
      <li>cc</li>
      <li>dd</li>
    </ol>
  </li>
  <li>b</li>
  <li>c</li>
</ol>

CSS

ol ol ol li:nth-last-child(3) {
  color: red;
}