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产品有关，因为这就是我的目标。

Answer 1

.wpsc-product .hentry是一个

组合器选择器，它将任何元素与具有父级的 hentry 类与 WPSC 产品类匹配，例如

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

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

Answer 2

删除 CSS 选择器中的空格

.wpsc-product.hentry { ... }

Answer 3

该

article元素只有在wpsc-product类的另一个元素内时才会获得您拥有的 CSS 规则，因为 （空格）实际上是 CSS 中的运算符，这意味着第二个选择器是第一个选择器的后代（内部）。

若要选择同时具有这两个类的元素，请使用 .wpsc-product.hentry 作为选择器。选择器的串联需要所有选择器都在元素上。

Answer 4

要处理具有多个类的标签，您应该使用 css 选择器，例如：

class1.class2.class3 { ... }

在您的情况下：

.wpsc-product.hentry