样式化除第一个选定元素之外的所有元素？ [复制]

Posted 2023-03-06

【中文标题】样式化除第一个选定元素之外的所有元素？ [复制]

【英文标题】：Styling all but the first selected element? [duplicate]

【发布时间】：2020-12-17 12:40:34

【问题描述】：

我正在选择这样的自定义元素：

app-csv-header-selection 
    margin-left: 2rem;

而且效果很好。我还想从选择的第一个元素中排除样式。

这是否可能不涉及父容器？

一个伪例子是这样的：

app-csv-header-selection:not(:first) 
    margin-left: 2rem;

【问题讨论】：

您的 CSS 缺少类或 ID 的指定。能否请您添加您要操作的html？

它的目标是自定义角度元素 (app-csv-header-selection)

很接近 - 但理想情况下，答案不必使用第一个容器。任何时候我们在做first-child 时，父容器就是上下文。

【参考方案1】：

app-csv-header-selection:not(:first-of-type) 
        margin-left: 2rem;

有效。使用first-of-type 的原因是确保选择中仅包含app-csv-header-selection 元素。

【讨论】：

似乎应该可以，但我刚刚尝试过，边距仍然应用于第一个元素。

不错的尝试 - 不知道是谁投了反对票 - 但我投了反对票，因为我也认为它应该可以工作。

对于没有父容器，:not(:first-of-type) 是正确答案。如果还有更多内容（例如动态元素），请在您的问题中添加更多详细信息。

@jmargolisvt 你成功了！我将稍微修改此答案以包含您的评论。谢谢！