CSS调用一种风格

Question

我这里有这个CSS，但它不起作用：（

这是CSS

.wpsc-product .hentry{
    border-bottom: none;
    padding: 0 !important;
    position: relative;
}

这就是我想要打电话的事情

<article id="post-60" class="post-60 wpsc-product type-wpsc-product status-publish hentry">

我将如何应用于这篇文章，它必须激活wpsc-product，因为这就是我的目标。

Answer 1

.wpsc-product .hentry是一个组合选择器，它将匹配任何元素与一个具有祖先类和wpsc-product类的hentry类，如

<article class="wpsc-product"><section class="hentry"></section></article>

你想要.wpsc-product.hentry（没有空格）

Answer 2

删除css选择器中的空格

.wpsc-product.hentry { ... }

Answer 3

如果article元素位于具有wpsc-product类的另一个元素内，那么 元素将只获取CSS规则，因为.wpsc-product.hentry（空格）实际上是CSS中的运算符，意思是第二个选择器是第一个的后代（内部）。

要选择包含两个类的元素，请使用{{1}}作为选择器。选择器的连接需要元素上的所有连接。

Answer 4

要解决具有多个类的标记，您应该使用css选择器，如：

class1.class2.class3 { ... }

在你的情况下：

.wpsc-product.hentry