javascript - angularでidを使用してnth-childにアクセスする

Question

code-prettify を使用して特定の行に色を付けようとしています。行番号に関してバックエンドからデータを取得しており、それらを強調表示したいと考えています。これをcssファイルに書くと：

#file2 li:nth-child(n+1):nth-child(-n+11) {
        background: #18b478;
    }

それはうまくいっています。しかし、角度を使用してこれを実装する方法がわかりません。取得している行番号に応じて動的に CSS を変更したいのです。これは私が試したことです：

$("#file2 li:nth-child(n+1):nth-child(-n+11)").css('background', "#18b478");

これは私のhtmlコードです:

<div class="container" style="margin-bottom: 50px">
<div class="col-sm-6">
    <pre>
        <code class="prettyprint linenums" id="file1">***some code***</code>
    </pre>
</div>