为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Html5

课程名称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人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消