當一個類名存在於其他地方時，如何在div類內部使用CSS類？

有一個網頁，我們不能改變HTML，但我們可以添加自定義CSS。我的問題是將CSS設置爲div class =「pull-right」，但它只能應用於div class「col-sm-6 col-xs-12」中的類「pull-right」，因爲存在不同頁面上的div也使用相同的類名稱。我以爲我可以使用：當一個類名存在於其他地方時，如何在div類內部使用CSS類？

.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>

來源

2017-01-01 Stigh Aarstein

這將是：當他們應用到同一個

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

連接一起上課只是做元件。在處理先前的元素的孩子時與空間分開。

來源

2017-01-01 22:40:01

由於.pull-right是.col-sm-6.col-xs-12直接孩子，我會用這個選擇：

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

來源

2017-01-01 22:51:28 Johannes

當一個類名存在於其他地方時，如何在div類內部使用CSS類？

回答

相關問題