あるクラス名が他の場所に存在する場合、divクラス内でdivクラスをCSSにCSSする方法はありますか？

Question

私たちはHTMLを変更できないウェブページを持っていますが、カスタムCSSを追加することができます。私の問題は、div class = "pull-right"にCSSを設定することですが、divクラス "col-sm-6 col-xs-12"内の "pull-right"クラスにのみ適用する必要があります。別のページのdivも同じクラス名を使用します。私は、私が使用することができます仮定：

.col-sm-6.col-xs-12.pull-right { 
position: absolute; 
left: 21%; 
top: 600%; 
} 

をしかし、何も起こりません（私は唯一.pull右{...を使用するだけでなく、他のページに影響を与える場合、それは動作します）。以下 はコードで、どのように適切なCSSは

<div class="col-sm-6 col-xs-12"> 
<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

は、それは次のようになります？：次のようになります。これらは同じに適用されているとき

.col-sm-6.col-xs-12 .pull-right { 
    position: absolute; 
    left: 21%; 
    top: 600%; 
} 

接続クラスが一緒にのみ行われます素子。前の要素の子を扱うときは、スペースで区切ります。 .pull-right以来

Answer 2

が.col-sm-6.col-xs-12の直接の子で、私はこのセレクタを使用します。

.col-sm-6.col-xs-12 > div.pull-right { 
    [...] 
}