-1

ここにこの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 です。

4

4 に答える 4

3

.wpsc-product .hentrywpsc-product のクラスを持つ祖先を持つ hentry のクラスを持つ任意の要素に一致するコンビネータ セレクタです。

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

ご希望.wpsc-product.hentry（スペースなし）

于 2012-10-11T21:58:42.577 に答える
1

CSSセレクターのスペースを削除します

.wpsc-product.hentry { ... }
于 2012-10-11T21:58:31.530 に答える
1

その要素は、クラスarticleを持つ別の要素内にある場合にのみ、CSS ルールを取得します。これは、 (空のスペース) が実際には CSS の演算子であるため、2 番目のセレクターが最初の (内部の) 子孫であることを意味します。wpsc-product 

両方のクラスを持つ要素を選択する.wpsc-product.hentryには、セレクターとして使用します。セレクターの連結には、エレメント上にすべてのセレクターが必要です。

于 2012-10-11T21:58:38.030 に答える
0

複数のクラスを持つタグに対処するには、次のようなcssセレクターを使用する必要があります。

class1.class2.class3 { ... }

あなたの場合：

.wpsc-product.hentry
于 2012-10-11T22:05:37.190 に答える