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