CSS学习-选择器(三)

1.多类名选择器

我们可以给一个标签指定多个类名,从而达到更多的选择目的。这些类名都可以选出这个标签,简单理解就是一个标签有多个名字

多类名的具体使用:

 

注意:
1、在标签class 属性中写 多个类名

2、多个类名中间必须用空格分开

3、这个标签就可以分别具有这些类名的样式 

2.id选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML 元素以 id 属性来设置 id 选择器,CSS 中 id 选择器以“#"来定义。

语法:

注意:id 属性只能在每个 HTML 文档中出现一次
id选择器和类选择器的区别:
1、类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用。
2、id 选择器好比人的身份证号码,全中国是唯一的,不得重复。
3、id 选择器和类选择器最大的不同在于使用次数上。
4、类选择器在修改样式中用的最多,id 选择器一般用于页面唯一性的元素上,经常和 JavaScript 搭配使用。

 

3.通配符选择器 

语法:

通配符选择器不需要调用,自动就给所有的元素使用样式

特殊情况才使用,后面讲解使用场景

4.选择器总结 

 

选择器权重
id=100;class=10;标签=1;*(通配符)=0
100+10+1+0=111 

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值