html - 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，因为这就是我的目标。

score 3 · Accepted Answer

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

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

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

score 1 · Accepted Answer

1

删除 CSS 选择器中的空格

.wpsc-product.hentry { ... }

于 2012-10-11T21:58:31.530 回答

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

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

class1.class2.class3 { ... }

在你的情况下：

.wpsc-product.hentry

4 回答 4