将CSS应用于DIV类中的特定跨度样式

Question

有一个我们无法改变HTML的网页，但我们可以添加自定义CSS。 我的问题是只将"text-align:right"设置为第一个SPAN STYLE。我该怎么做？

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

Answer 1

使用此CSS：

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

Answer 2

使用CSS伪类:first-child来定位容器中的第一个元素。

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