【问题标题】: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 时,父容器就是上下文。

标签: html css angular css-selectors web-component


【解决方案1】:
app-csv-header-selection:not(:first-of-type) {
        margin-left: 2rem;
}

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

【讨论】:

  • 似乎应该可以,但我刚刚尝试过,边距仍然应用于第一个元素。
  • 不错的尝试 - 不知道是谁投了反对票 - 但我投了反对票,因为我也认为它应该可以工作。
  • 对于没有父容器,:not(:first-of-type) 是正确答案。如果还有更多内容(例如动态元素),请在您的问题中添加更多详细信息。
  • @jmargolisvt 你成功了!我将稍微修改此答案以包含您的评论。谢谢!
猜你喜欢
  • 1970-01-01
  • 2010-09-15
  • 2014-06-18
  • 1970-01-01
  • 1970-01-01
  • 2013-09-23
  • 1970-01-01
  • 2015-06-18
  • 1970-01-01
相关资源
最近更新 更多