Js动态添加的html内容怎样用css渲染

Question

开发todolist 
用JS动态添加的任务列表无法用css渲染…… 
不知道为什么求大神…… 

呜呜呜，最后那个css里的label和input本应得到渲染呀…… 但是打开预览时却还是没有变化

html部分

<div id = 'list'>

  <h1>Your Lists</h1>

       

        

</div>

js部分

var addtask = document.createElement("label");

addtask.innerHTML = issues +"   form  "+ begins +"   to  "+ deadline;

var taskbox = document.getElementById("list");

taskbox.appendChild(addtask);//添加任务

var taskcheck = document.createElement("input");

taskcheck.type = "checkbox";

taskbox.appendChild(taskcheck);//勾选栏

其中内容什么的是在前方有用户输入的部分获取的

css部分

.list label{

color:black;

font-family: Open Sans Condensed;

font-size: 16px;

}

.list input [type="checkbox"]{

margin-left: unset;

}