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">上。

我如何正确地＆＃34;不是＆＃34;每个选择器？

谢谢，

克里斯。

Answer 1

由于blockquote元素具有类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;
}

正确地为这些CSS样式添加：not selector

1 个答案: