在Ember應用中針對nth-child的問題

由於Ember腳本標記，我正在使用Ember應用，並且必須使用錯誤的數字來針對nth-child。有一種可靠的方法來在Ember應用程序中使用CSS定位nth-children嗎？在Ember應用中針對nth-child的問題

因此，而不是：

.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; }

來源

2014-10-02 Dave Everitt

「錯誤」的號碼？你的意思是奇怪？看看'div：n-child（odd）{...}' – Rvervuurt 2014-10-02 12:55:19

將近4k，你還沒有包含這樣一個問題的代碼片段？ ...使用['：nth-of-type']（http://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:nth-of-type）... – 2014-10-02 12:58:43

@NicoO在快點 - 添加片段:-) – 2014-10-02 16:30:50

您可以嘗試使用:nth-of-type()過濾掉script標籤。

如果你需要使用nth-child()那麼你應該使用Ember.js 1.8.0-beta

Ember.js 1.8.0-β不再插入腳本標記到DOM，所以你應該使用nth-child()沒有問題。

如果您正在使用ember-cli可以運行bower install ember#1.8.0-beta.3 --save使用測試項目中的

來源

2014-10-02 14:12:34 tikotzky

謝謝。我會嘗試該版本。 – 2014-10-02 16:52:23

在Ember應用中針對nth-child的問題

回答

相關問題