正确添加一个：没有选择器，这些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; 
}