無法應用樣式動態添加元素

下面是我的代碼和風格不適用於某些原因。可能是我犯了一些錯誤。我剛剛動態地添加了li。無法應用樣式動態添加元素

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Test</title> 
<style > 
    #menu ul{ 
     background: red;   
    } 
    #menu ul li{ 
     float: left; 
     list-style-type: none; 
    } 
</style> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

<script> 
    $(function() { 
     var arr = new Array("file", "edit"); 
     for (var i = 0; i < arr.length; i++) { 
      localStorage.setItem(i, arr[i]); 
     } 

     for (var i = 0; i < arr.length; i++) { 
      $("#menu").append("<li>" + localStorage.getItem(i) + "</li>"); 
     } 

    }); 
</script> 
</head> 
<body> 

<ul id="menu" class="menu"></ul> 


</body> 
</html>

讓我說清楚我不想動態添加css。因爲我期待很多CSS

來源

2013-12-20 Susheel Singh

菜單是ul元素

#menu { 
    background: red; 
} 
#menu li { 
    float: left; 
    list-style-type: none; 
}

演示：Fiddle

來源

2013-12-20 11:10:02

#menu的是UL

#menu li{ 
    float: left; 
    list-style-type: none; 
}

#menu ul li的#menu UL內部匹配的UL等

來源

2013-12-20 11:10:02 adeneo

hahhahah wattaa愚蠢的錯誤我已經做了..：（ –

ul有id="menu"你應該這樣聲明樣式。

ul#menu li{ 
      float: left; 
      list-style-type: none; 
     }

來源

2013-12-20 11:10:41 Parixit

我匆忙感謝你的愚蠢錯誤 –

#menu是ul的ID，因此針對他們li

試試這個

#menu li{ 
     float: left; 
     list-style-type: none; 
    }

來源

2013-12-20 11:13:48

更新小提琴：http://jsfiddle.net/2EcWH/3/

ul { 
    background: red; 
    float: left; 
} 
#menu.li { 
    list-style-type: none; 
}

來源

2013-12-20 11:18:15

我的愚蠢錯誤對不起 –

無法應用樣式動態添加元素

回答

相關問題