从CSS选择器中排除div

Question

我试图只选择不在div元素内的文本。 在这种情况下，我想使用bbCodeBlock类排除div。 我怎样才能做到这一点？ 这个想法是排除引用。

演示

<li id="post-6062713">
  <div class="uix_message ">
    <div class="messageInfo">
      <div class="messageContent">
        <article>
          <blockquote class="messageText SelectQuoteContainer">
            <div class="bbCodeBlock bbCodeQuote">
              <aside>
                <div class="attribution type">user said:
                  <a href="#" class="AttributionLink">↑</a>
                </div>
                <blockquote class="quoteContainer">
                  <div class="quote">text to ignore</div>
                </blockquote>
              </aside>
            </div>
            text to change color
            <br>
            <br>
            <br>
            <br>
            <div class="bbCodeBlock bbCodeQuote">
              <aside>
                <div class="attribution type">user said:
                  <a href="#" class="AttributionLink">↑</a>
                </div>
                <blockquote class="quoteContainer">
                  <div class="quote">text to ignore</div>
                </blockquote>
              </aside>
            </div>
            text to change color
            <div class="messageTextEndMarker">&nbsp;</div>
          </blockquote>
        </article>
      </div>
    </div>
  </div>
</li>

这是一个基本的演示，可以使用scrappy复制，因为我需要排除引号，所以我正在寻找一个单行选择器以应用于类似

'text': quote.css('article blockquote').extract()

Answer 1

评论后编辑：

我只是意识到，要受到影响的内容是不是里面 div ，但在相同的水平div带班.bbCodeBlock ，即直接的内容blockquote元素。

因此，您需要使用两个选择器/规则，一个用于设置blockquote的颜色，另一个用于排除具有.bbCodeBlock类的blockquote子div元素：

 article blockquote { color: red; } article blockquote div:not(.bbCodeBlock) { color: initial; } 

 <li id="post-6062713"> <div class="uix_message "> <div class="messageInfo"> <div class="messageContent"> <article> <blockquote class="messageText SelectQuoteContainer"> <div class="bbCodeBlock bbCodeQuote"> <aside> <div class="attribution type">user said: <a href="#" class="AttributionLink">↑</a> </div> <blockquote class="quoteContainer"> <div class="quote">text to ignore</div> </blockquote> </aside> </div> text to change color <br> <br> <br> <br> <div class="bbCodeBlock bbCodeQuote"> <aside> <div class="attribution type">user said: <a href="#" class="AttributionLink">↑</a> </div> <blockquote class="quoteContainer"> <div class="quote">text to ignore</div> </blockquote> </aside> </div> text to change color <div class="messageTextEndMarker">&nbsp;</div> </blockquote> </article> </div> </div> </div> </li>