2012-10-11 80 views
0

我在這裏有這個CSS,但它不工作:(調用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"> 

會怎樣我適用於這篇文章,它必須invigice wpsc產品,因爲多數民衆贊成我的目標。

+0

你想重寫另一個現有的樣式或腳本應用的東西? – Rooster

回答

3

.wpsc-product .hentry是一個組合子選擇器,將匹配一類是有一類WPSC產品的祖先hentry的任何元素,像

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

你想.wpsc-product.hentry(無空格)

+0

感謝馬特它工作:) – user1269625

+0

@ user1269625:如果它工作,您應該通過單擊答案的分數下的複選標記來接受他的答案。 – KRyan

1

刪除您的CSS中的空間講師

.wpsc-product.hentry { ... } 
0

article元素將只能得到你,如果它是與wpsc-product類另一個元素中的CSS規則,因爲 (一個空的空間),實際上是在CSS運營商,這意味着第二選擇是第一個後代(內部)。

要選擇具有兩個類的元素,請使用.wpsc-product.hentry作爲選擇器。選擇器的連接要求所有元素都在元素上。

0

爲了ADRESS有不止一個類標籤,你應該使用CSS選擇器,如:

class1.class2.class3 { ... } 

在您的情況:

.wpsc-product.hentry