DIVクラス内の特定のスパンスタイルにCSSを適用

Question

HTMLを変更できないウェブページがありますが、カスタムCSSを追加できます。 私の問題は"text-align:right"を最初のSPAN STYLEだけに設定することです。これはどうすればいいですか？

<div class="pull-right" style="display: table; padding-bottom: 8px;"> 
 
\t <span style="display: table-cell; padding-right: 1em; width: 90px; vertical-align: middle;">kr 115,00 x</span> 
 
\t <span style="display: table-cell; width: 75px; border: 1px solid rgb(255, 255, 255); text-align: center; vertical-align: middle;">1</span> 
 
\t <span style="display: table-cell; padding-left: 1em; width: 95px; text-align: right; vertical-align: middle;">= kr 115,00</span> 
 
</div>

Answer 1

容器の最初の要素を標的とするためにCSS擬似クラス:first-childを使用します。

.pull-right span:first-child { 
    text-align: right; 
} 

Answer 2

用途このCSS：

.pull-right span:first-child { 
    text-align: right; 
}