如何为动态生成的元素创建不同的CSS？

Question

如何为动态生成的元素生成不同的CSS？

我的问题在于：我们有一个日期选择器小部件，其中生成了表th个元素，其中text-align：left。当它离开时，th向左对齐，但右侧>>在一起。当我将它们对齐时，会出现相反的问题。我需要做的是将align left应用于第一个<<和align right到最后一个>>。但这些项目是动态生成的。正在使用SCSS规则。

th { text-align: left }

th {text-align: right }

---

日期选择器的每一段，＆lt;＆lt;，2007年6月，＆gt;＆gt;在th内的tr不同：

Answer 1

请参阅:first-child和:last-child伪类：

th:first-child { text-align: left; }
th:last-child { text-align: right; }

Answer 2

可以将 text-align：center 设置为所有元素。但它可能就是你想要的。