nth-of-typeの使い方

ranking-item要素を持つli要素にnth-of-typeを使ってその下の.orderにCSSを適用させています
これをliじゃなくてa要素にnth-of-typeを使うとしたらどのように記述すればよいですか
nth-of-typeの使い方等も調べましたが、なんだかこんがらがってよく理解できませんでした

HTML
1<div class="sidemenu">
2        <h2 class="ranking-h">RANKING</h2>
3        <ol class="ranking">
4        <li class="ranking-item">
5          <a  href="#">
6           <img class="ranking-img" src="./images/ranking.jpg" alt="グラフの画像">
7           <span class="order"></span>
8           <p class="ranking-p">HTML/CSSコーディングと切っても
9             切れないWEBブラウザのシェア動向をチェックしよう</p>
10          </a>
11         </li>
12
13         <li class="ranking-item">
14         <a  href="#">
15          <img class="ranking-img" src="./images/ranking.jpg" alt="グラフの画像">
16          <span class="order"></span>
17          <p class="ranking-p">HTML/CSSコーディングと切っても
18            切れないWEBブラウザのシェア動向をチェックしよう</p>
19         </a>
20        </li>
21
22        <li class="ranking-item">
23        <a  href="#">
24         <img class="ranking-img" src="./images/ranking.jpg" alt="グラフの画像">
25         <span class="order"></span>
26         <p class="ranking-p">HTML/CSSコーディングと切っても
27           切れないWEBブラウザのシェア動向をチェックしよう</p>
28        </a>
29       </li>
30
31      <li class="ranking-item">
32       <a href="#">
33        <img class="ranking-img" src="./images/ranking.jpg" alt="グラフの画像">
34        <span class="order"></span>
35        <p class="ranking-p">HTML/CSSコーディングと切っても
36          切れないWEBブラウザのシェア動向をチェックしよう</p>
37       </a>
38      </li>
39
40      <li class="ranking-item">
41      <a  href="#">
42       <img class="ranking-img" src="./images/ranking.jpg" alt="グラフの画像">
43       <span class="order"></span>
44       <p class="ranking-p">HTML/CSSコーディングと切っても
45         切れないWEBブラウザのシェア動向をチェックしよう</p>
46      </a>
47     </li>
48
49   </ol>
50 </div>

CSS
1.ranking{list-style-type:none;}
2.ranking li{margin-bottom: 15px; }
3.ranking-item{display: block; transition: 0.15s; font-size:0;}
4.ranking-item:hover{opacity:0.8;}
5.ranking-h{font-size:15px;
6background:url("../images/bg-slash.gif");
7padding:10px 15px;
8height:40px;
9margin-bottom:15px;
10}
11
12
13.ranking-p{display: inline-block;
14color:#000;
15width:182px; line-height: 1.5;
16vertical-align: top;
17font-size: 1.2rem;
18}
19.order{border:1px solid #ccc; display:inline-block;
20width:18px; height:18px; vertical-align: 20px;
21line-height:16px; transform: rotate(45deg);
22margin:0 10px;
23}
24.ranking-item:nth-of-type(1) .order,
25.ranking-item:nth-of-type(2) .order,
26.ranking-item:nth-of-type(3) .order{
27  border:none;
28  color:#fff;
29  font-weight:normal;
30  line-height:18px;
31}