继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

洋溢1310659
关注TA
已关注
手记 26
粉丝 2
获赞 4

课程名称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元素(只选择一级儿子)

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP