Почему скрипт не подхватывает цсс?
 

По нажатию кнопки добавляет элемент списка. Я так понимаю срабатывает только цсс для <li>, как сделать чтобы еще и css <ul> срабатывал?

li{border 1px solid #ccc; background: #ccc; padding: 5px 10px; color: #000;}

ul { list-style:none; padding: 0; margin: 0; width: 350px; margin-left: 100px;}

var  d = document,
a = d.getElementById('Add');
     
var addNewTodo = function(lielem) {
          var listitem = d.createElement("li");   
        listitem.innerText = "hi";
          
          lielem.appendChild(listitem);
            
            
   } ;    

 a.onclick = function () { addNewTodo(d.getElementById("dela"));
                          
                         };

Panwo,
и как связаны ваш код и css?

Создается элемент <li>, для него есть стиль, как только привязать чтоб и <ul> срабатывал.

Panwo,
попробуйте как то иначе сформулировать вашу проблему, пока вы пишите только загадки для телепатов

При добаввлении нового списка он создается в другом стиле, хочу сделать чтобы все создавались как первый.

Panwo,
осталось вам сделать макет, что-бы понять является элемент #dela ul или вы вставляите не в ul

я понял в чем проблема, спасибо.