Question

这是我试图操纵的html代码。我需要强调一下Chaz的第三个引用块。我不应该使用id或类来执行此操作。

<aside id="left">
         <h2>What they're saying about us</h2>
         <blockquote title="testimonials">
           <p>&quot;CSS coding is endlessly fun. I have such a great time doing it.&quot;</p>
           <cite>DGMD student</cite>
         </blockquote>
         <blockquote>
           <p>&quot;I will be so glad when this assignment is over. &quot;</p>
           <cite>Another student</cite>
         </blockquote>
         <blockquote>
           <p>&quot;Do you really need so many classes and IDs after learning these cool selectors?&quot;</p>
           <cite>Chaz</cite>
        </blockquote>
  </aside>

这是我为此创建的css代码，但我应该使用：not selector来完成这个问题，每次我尝试使用它都没有任何变化。

blockquote:last-of-type cite {
    background-color: purple;
    font-style: normal;
    color: white;
}

Answer 1

这个问题似乎建议您对所有blockquote元素应用一个突出显示，然后使用CSS :not()选择器，erm，在过度设置前两个元素时不选择最后一个元素。困惑？例如......

aside blockquote {
   background-color: pink;
}
aside blockquote:not(:last-of-type) {
    background-color: white; /* or page background-color */
}

希望有所帮助：）

See MDN > CSS3 > :not()

当元素被埋在另一个元素中时，如何使：not selector工作

1 个答案: