如何重写“类名”>；*：css中的最后一个孩子

如果我想覆盖一个特定性不起作用的css类，我会使用下面的格式

div[class="class-name"] {
        padding-bottom: 0;
    }

但是如何重写形式为

bx--modal content>*：last child

的类呢？ 以下操作不起作用

div[class="bx--modal-content > *:last-child"] {
        padding-bottom: 0;
    }

---

作为例外，您可以使用

！重要信息

在第一个css中添加后缀，以便忽略特定性规则。将其正好放在尾随的

之前
像这样试试

div[class="bx--modal-content > *:last-child"] {
        padding-bottom: 0 !important;
    }

或

您的选择器无效

div[class="bx--modal-content > *:last-child"] {
        padding-bottom: 0;
}

您没有“bx--modal content>*：last child”的类属性

你真正想要的是

div[class="bx--modal-content"] > *:last-child] {
        padding-bottom: 0;
}

这将选择
div
中包含的最后一个子元素，其class属性完全等于
bx--modal content
。它将不匹配类似于
选择器应为

div[class="bx--modal-content"] > *:last-child {
  padding-bottom: 0;
]

*:last child
不是类的一部分，因此它不应该在
[…]
括号内。
请提供一个实际演示问题的示例。CSS问题更容易用相应的HTML进行调试。特殊性是有效的，你只需要想出一个更具体的规则<代码>！重要信息

是绝对的最后手段。使用所选浏览器中的开发人员工具检查导致问题的元素。这是克服特殊性问题的最佳方法。就我所知：如何匹配？我们应该使用下面所有的类吗？div[class=“bx--modal content small”]虽然可以，但最好使用一个。例如

div.bx--modal content

将所有div与class

bx--modal content

匹配，而不管它在class列表中的位置如何。如果要选择包含这两个类的任何div，可以使用

div.bx--modal content.small

div[class="bx--modal-content"] > *:last-child {
  padding-bottom: 0;
]