css教程3.1——基本选择器

1.标签选择器——使用HTML标签名称来选择元素,如p、div、span等

        作用:选择一类标签

        格式:标签{}

效果:

但是,我如果想要 16行和17里面的h1表现效果不一样,这个时候标签选择器就做不到了,那咱们可以用类选择器。

2.类选择器 class——使用类名来选择元素,以"."开头,如.my-class

   好处:可以多个标签归类,是同一个class,可以复用

   作用:选择所用class属性一致的类标签,可以跨标签

   格式:.类目{}

效果: 

3.id选择器——使用元素的id来选择元素,以"#"开头,如#my-id

   全局唯一,不能重复使用!

   格式:#id名{}

效果: 

重点来啦:优先级:

id选择器>class选择器>标签选择器!!!

  • 15
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值