【发布时间】：2018-01-26 21:54:27
【问题描述】：
我有一个 CSS 网格布局，我想为每个偶数列添加一个边距。 :nth-column 伪类会很好，但不会很快得到支持。
是否有任何我可以使用的 polyfill 或者我必须自己编写？
【问题讨论】：
-
如果你想通过 CSS 网格布局 中的位置来选择元素，你不想填充网格结构伪类。这些伪类不是设计出来的，也不是为此目的而设计的，尝试用 polyfill 填充它们来做其他事情会在未来与浏览器发生冲突。见this answer。如果你必须实现一个选择器，实现一个自定义选择器并知道它是非标准的。
-
哦，好吧，我错过了它们的用途……它们应该用来做什么？不需要实现自定义选择器。偏移量对于布局来说并不重要，所以我会避免大量的变通方法来实现它。
-
啊，好吧，你指的是 CSS 网格布局。那么这些选择器是特定于表格布局的吗？
-
是的；至少在 HTML 中，表格是唯一具有网格结构语义的东西。选择器从未被设计为通过样式匹配元素，因为在 CSS 中使用它们会出现问题。
-
啊，好的，谢谢你解决这个问题。
标签： css css-selectors css-grid pseudo-class polyfills