將CSS應用於DIV類中的特定跨度樣式

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; 
}