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