2013-10-20 52 views
0

我不能改變我的html,因爲這是我做一些事情(排序算法)的破解,但它打破了我的CSS,因爲我不能使用偶數和奇數了..動態列表項目斑馬條紋css

http://jsfiddle.net/Hms7Y/24/

嘗試加1,然後由2遵循,它具有相同的背景。我想申請3類3華里,不能正常工作,因爲有用戶的各種行爲。

li:nth-child(even){ 
background:#DDD;  
} 
+3

所以,你想出瞭解決辦法是造成問題,但我們不能改變「解決方案',而是必須解決'解決方案'引入的問題?我想你可能想重新考慮你的方法,因爲顯然你的解決方案沒有解決,而且應該修復。 –

+0

是的,它正在工作 - 但由於您隱藏了每一個第二項,所以(無色)項目不可見。 _apparent_結果 - 項目未着色。正如大衛所說 - 你需要(a)改變'黑客',就像你所說的那樣(我按下)隱藏了偶數元素,或者(b)改變你在無序列表中替換項目的顏色。 – enhzflep

+0

@enhzflep是否可以使用js? –

回答

0

試試這個:fiddle

$(document).ready(function() { 
    $('button').click(function() { 
    var lvl = $('select').val(); 

    $('<li class="level" '+ lvl + '>' + lvl + '</li>').appendTo('ul'); 
    }); 
}); 
+0

它適用於造型,但1可以低於2,這不是我想要的 –