無法定位特定的CSS類

試圖將目標.product-price on-sale更改爲綠色，但我無法。無法定位特定的CSS類

HTML

<h2 id="product-price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 
    <meta itemprop="priceCurrency" content="USD" /> 
    <link itemprop="availability" href="http://schema.org/InStock" /> 
    <span class="product-price on-sale" itemprop="price">$ 1</span>&nbsp;<del class="product-compare-price"></del> 
</h2>

CSS

section#buy h2.product-price-on-sale span { 
    color:green !important; 
}

來源

2015-02-23 rs19

'span.product-price.on銷售{...}'應該有所幫助。 – emmanuel 2015-02-23 16:36:59

的幾個問題與您的選擇：

節＃買入h2.product價格上出售跨度

第一部分：

節＃購買

這是確定假設你有一個額外的包裝與標識buy
```
<section id="buy"> 
```
第二部分

H2。產品價格上出售

錯誤的，因爲元素h2不具有product-price-on-sale一個類的名稱，而不是有一個id product-price，必須在這一點上：

節＃購買H2＃產品 - 價格
第三部分：

跨度

這沒關係，因爲span元素是h2內，但如果你要定位的一個帶班product-price和on-sale您的最終選擇一定是：

節＃購買H2＃產品價格span.product-price.on銷售

來源

2015-02-23 16:43:42 DaniP

你的CSS選擇是錯誤的，因爲你的.product-price-on-sale類是你的span元素不是你h2。它應該是

section#buy h2 .product-price.on-sale { 
    color:green !important; 
}

來源

2015-02-23 16:37:17 Pattle

@FabrizioCalderan很好發現。編輯答案 – Pattle 2015-02-23 16:40:27

參考你的代碼這應該工作：

h2#product-price span.product-price.on-sale{ 
color:green; 
}

來源

2015-02-23 16:38:02

爲什麼downvote？ – fcalderan 2015-02-23 16:38:54

class="product-price on-sale"
... h2.product-price-on-sale

你寫它作爲HTML兩個階級，在CSS一類（空間vs短劃線）。用於兩個類選擇的css是.class1.class2。

您也沒有針對正確的標籤，正如其他答案指出的那樣。

來源

2015-02-23 16:38:51

無法定位特定的CSS類

回答

相關問題