Question

我正在使用Ember应用程序，并且由于Ember脚本标记，必须使用错误的数字来定位n-child。有没有可靠的方法在Ember应用程序中使用CSS定位nth-children？

所以，而不是：

.league li:nth-child(1) h3::after { color: #eec600; }
.league li:nth-child(2) h3::after { color: #b0b0b0; }
.league li:nth-child(3) h3::after { color: #ae7435; }

我必须这样做：

.league li:nth-child(3) h3::after { color: #eec600; }
.league li:nth-child(6) h3::after { color: #b0b0b0; }
.league li:nth-child(9) h3::after { color: #ae7435; }

Answer 1

您可以尝试使用:nth-of-type()过滤掉脚本代码。

如果您需要使用nth-child()，则应使用Ember.js 1.8.0-beta

Ember.js 1.8.0-beta不再在dom中插入脚本标记，因此使用nth-child()时应该没有问题。

如果您使用ember-cli，则可以运行bower install ember#1.8.0-beta.3 --save以在项目中使用测试版

在Ember应用中针对n-child的问题

1 个答案: