当元素被埋在另一个元素内部时,如何使:not选择器工作

施维耶

这是我尝试处理的html代码。我需要突出显示Chaz的第三个引用块。我不应该使用id或class来做到这一点。

<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选择器来完成此问题,并且每次尝试使用它时都不会改变。

blockquote:last-of-type cite {
    background-color: purple;
    font-style: normal;
    color: white;
}
布莱恩·孔雀

这个问题似乎建议您对所有blockquote元素都加:not()显示,然后在对前两个元素进行过度样式化时使用CSS选择器,而不是选择最后一个元素。困惑?例如...

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

希望有帮助:)

参见MDN> CSS3>:not()

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何通过materialUI中的withStyle通过另一个元素选择器更改元素的样式

如何使用查询选择器选择另一个特定 div 内的特定元素?

使用来自另一个元素的选择器定位一个元素

修改已经由另一个选择器激活的元素

jQuery选择器提取子项并将其追加到另一个元素

如何选择另一个元素内的元素?

CSS选择器:在存在一个类但没有另一个类时,在:element伪元素之前

在输入悬停时选择另一个元素

如何从选择器中获取一个元素

单击另一个元素时如何关闭另一个元素

另一个元素的核心选择器触发了Polymer Paper-Dropdown的核心选择事件

在向变量中添加变量后,向jQuery选择器中添加另一个元素

如何根据另一个列元素的大小选择一个列元素?

使用CSS在:first-child伪选择器“内部”选择一个元素

赛普拉斯-选择另一个元素内的元素-`inside`的选择器语法快捷方式

拖动元素时将内部html拖放到另一个元素中

悬停另一个元素(ReactJS)时如何更改一个元素的样式?

如何在单击另一个元素时关闭一个元素

使用CSS单击另一个元素时如何显示一个元素?

如何在悬停另一个元素时更改一个元素的颜色?

根据另一个元素属性选择元素

悬停在另一个元素上时如何更改元素的CSS元素

在 ListView Flutter 中选择另一个元素时更改元素的颜色

C#:Selenium:如何根据另一个元素的内部文本查找元素

单击同一 div 中的另一个元素后,如何选择特定元素

在选择器中链接.attr()时,为什么jQuery只选择一个元素?

CSS上一个子选择器:选择特定类的最后一个元素,而不是父内部的最后一个子元素?

悬停元素时,使另一个元素出现

如何使用Jquery选择器通过另一个标签选择标签?