手记

【备战春招】第6天 CSS选择器

课程名称GO开发工程师

课程章节:2-2:CSS选择器

课程讲师ccmouse

课程内容
css选择器

代码示例:

<div>
   <div  id="title" class="blue">租辆酷车</div><div>css教学</div>
</div>
<div >
   <div class="item blue">
       <div>中关村到天安门</div>
       <div>价格120</div>
   </div>
   <div class="item red">
       <div>陆家嘴到迪士尼</div>
       <div>价格50</div>
   </div>
</div>

课程收获

  1. 同时满足:
    div.red ​​-> ​ class为red的div元素
    div#title ​ ​-> ​ id为title的div元素
    #title.blue -> ​id为title,class为blue的元素

  2. 父子关系:
    .item div(中间有空格) -> class为item的子div元素(选中所有儿子)
    .item>div -> class为item的子div元素(只选择一级儿子)

1人推荐
随时随地看视频
慕课网APP