爲什麼jQuery不應用邊框樣式？

我想知道爲什麼JQuery在應用addCLass方法時未應用border-bottom css屬性。它應用顏色但不包含邊框。這是爲什麼？ JSFiddle：http://jsfiddle.net/egh7a/爲什麼jQuery不應用邊框樣式？

謝謝。

HTML

<section class="news"> 
    <article>one</article> 
    <article>two</article> 
    <article>three</article> 
    <article>four</article> 
</section>

jQuery的

$(".news article:last").addClass("two");

CSS

.news { 
    border-top: 1px solid #777; 
} 

.news article { 
    padding-top: 10px; 
    padding-bottom; 10px; 
    border-bottom: 1px dashed #999; 
} 

.two { 
    color: red; 
    border-bottom: black solid 2px; 
}

來源

2013-07-01 user1831677

特異性我的朋友 –

商品條目需要它的風格從更具體的CSS規則。

在這種情況下，.news article比.two更具體。

嘗試將.two類更改爲.news .two。

來源

2013-07-01 08:26:57 James

感謝您的解釋，我現在明白了。它現在有效。 – user1831677

因爲新的border風格不是覆蓋最後一個。您可以使用!important至覆蓋它。

.two { 
    color: red; 
    border-bottom: black solid 2px !important; 
}

JSFiddle

來源

2013-07-01 08:47:21 Vucko

不要使用！重要的是，如果你能避免它。它只能用作最後的手段。 –

如果您知道自己在做什麼，使用'！important'可以爲您節省大量時間。這只是一個例子，OP如何解決這個問題，而不需要改變它的類選擇器。 – Vucko

您可以在此之前添加父類，以顯示如何解決問題，不要告訴任何人不符合標準的任何內容。 :) –

爲什麼jQuery不應用邊框樣式？

回答

相關問題