jquery - 如何分别定位 div 标签属性

Question

我这里有一项非常有趣的工作，我正在研究它，它非常有趣，但有时这样的问题浪费了我们的时间，我们感到困惑。我想要实现的简单事情就是这样。产品名称44欧30欧带特卖红线添加到购物车按钮我很简单，我想把两个 pry 子一起显示。

HTML

 <div class="product-Detail">
<h4>Product Name</h4>
<p>79.00 &#163;</p>
<p style="color:#F16161; text-decoration:line-through;">59.00 &#163;</p>
<p>
<a href="#" class="btn btn-info">ADD TO CART</a>
</p>
</div>

CSS

 h4 {
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif;
}

.product-Detail {
    width: 250px;
    text-align: center;
    text-transform: uppercase;
}

.product-Detail p {
    font-size: 14px;
    display: inline;
}

Answer 1

这是针对第三个的非常干净的 CSS <p>

.product-Detail p:nth-of-type(3) {
    display: block;
}

http://jsfiddle.net/U5Tfp/3/