正確添加一個：沒有選擇器，這些CSS樣式

Question

我有這三個CSS樣式：

.post-entry > blockquote { 
    display: block; 
    background-color: #eee; 
    padding: 20px; 
    border-left: 10px solid #0e65b6; 
    margin-top: 10px; 
    margin-bottom:15px; 
    font-size:1.3em; 
} 
.post-entry > blockquote:before { 
    content:"\201C"; 
    font-size: 4em; 
    line-height: 0.1em; 
    margin-right: 0.25em; 
    vertical-align: -0.4em; 
} 
.post-entry > blockquote p { 
    display: inline; 
} 

我想從出現在<blockquote class="tweet">排除。

我該如何正確地在他們每個人的「不」選擇器？

謝謝，

Chris。

Answer 1

由於元素的類別爲tweet，因此您可以使用blockquote:not(.tweet)。

Example Here

.post-entry > blockquote:not(.tweet) { 
    display: block; 
    background-color: #eee; 
    padding: 20px; 
    border-left: 10px solid #0e65b6; 
    margin-top: 10px; 
    margin-bottom:15px; 
    font-size:1.3em; 
} 
.post-entry > blockquote:not(.tweet):before { 
    content:"\201C"; 
    font-size: 4em; 
    line-height: 0.1em; 
    margin-right: 0.25em; 
    vertical-align: -0.4em; 
} 
.post-entry > blockquote:not(.tweet) p { 
    display: inline; 
}