模块型css样式

     <div id="dowork">
             <div id="dowork_on">۞作业进行中</div>
             <div id="dowork_name">作业题目：xx作业</div>
             <div id="dowork_time">
                 <div style="font-family: 楷体;">老师:葛学峰</div>
                 <div style="color: #A8A8A8">创建时间：2017-05-14 下午</div>
             </div>
             <textarea id="dowork_area" placeholder="#快来写作业吧#"></textarea>
             <div>
                 <input class="dowork_file" type="file" value="作业附件"
                     style="width: 175px; height: 27px;" />
             </div>
             <div>
                 <input class="dowork_commit black button" type="button" value="提交" />
             </div>
         </div>

 div id="selectwork">
             <div id="selectwork_new">۞最新作业</div>
             <div>
                 <a href="" class="selectwork_name"
                     onmouseover="this.style.color='#F00'"
                     onmouseout="this.style.color='rgb(200, 0, 0)'">◆最新作业1</a>
             </div>
             <div>
                 <a href="" class="selectwork_time"
                     onmouseover="this.style.color='#F00'"
                     onmouseout="this.style.color='#A8A8A8'">2017-05-14 18:11</a>
             </div>
             <div>
                 <a href="" class="selectwork_name"
                     onmouseover="this.style.color='#F00'"
                     onmouseout="this.style.color='rgb(200, 0, 0)'">◆最新作业2</a>
             </div>
1         </div>