cssで それぞれのulタグの最後のliタグを色付けしたい

Question

CSSで下記の　←ここ　という部分の文字だけ色を変えたいと思っています。

<ul class="group">
  <li class="group-child">
    font
    <ul class="group">
      <li class="group-child">
        font
        <ul class="group">
          <li class="group-child">
            font
          </li>
          <li class="group-child">
            font　←ここ
          </li>
        </ul>        
      </li>
      <li class="group-child">
        font
        <ul class="group">
          <li class="group-child">
            font
          </li>
          <li class="group-child">
            font　←ここ
          </li>
        </ul>
      </li>
    </ul>
  </li>
  <li class="group-child">
    font
  </li>
  <li class="group-child">
    font ←ここ
  </li>
</ul>

わかりづらいかもしれませんが、
←ここ
と書いてある li タグの中身だけCSSで文字の色を変えたいのですが、うまくできません。

classの名前変えればいいだろ。と思うと思いますが、今回はそれぞれのクラスの名前はこれで固定で変えることができません。また、新しくspanタグなどを加えることもNGです。
それを踏まえて　←ここ　という部分だけ色を変えることができるCSSの書き方が分かる方がいらっしゃいましたら、教えていただけると幸いです。

Answer 1

body > .group > li > .group > li >.group >li:nth-child(2),
body > .group > li:nth-child(3){
color:red;
}

Comments

[yambejp]

あとは条件次第

[boniri]

おお！そういうやり方があるんですね。
やってみたら見事に希望のところだけあかくなりました。ありがとうございます！

Answer 2

span を指定するのはダメなのでしょうか。

Comments

[boniri]

色を付けたい文字だけspanタグで囲うということでしょうか？

[m718]

はい。
<li class="group-child">
<span class="任意のクラス名"> font　←ここ</span>
</li>
css
.任意のクラス名{
color:red;
}

でできると思いますが、クラス名を新しく加えるのはなしという前提でしたら申し訳ございません。

[boniri]

回答いただき、ありがとうございます。
条件を書かなかった私のせいなのですが、新しくクラスを加えることはなしです。
申し訳ありません。

Answer 3

CSS の :last-child 疑似クラスは、兄弟要素のグループの中で最後の要素を表します。

:last-child - CSS: カスケーディングスタイルシート | MDN

Comments

[boniri]

ご回答いただき、ありがとうございます。私もそれをやってみたのですが、実はそれをやると　←ここ　という部分以外にも色がつきました。そのため、私がしたいことはそれだけでは実現できません。

[Lhankor_Mhy]

おお、なるほど。内部要素に左右されるんですね。
では、CSSでは無理かもですね。