无法定位特定的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类

回答

相关问题