css基本的选择器

一、标签选择器(元素选择器)

标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 或者
元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

优点:能快速为页面中同类型的标签统一样式;
缺点:不能设计差异化样式;

二、类选择器

.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

标签调用的时候用 class=“类名” ;
命名规范:
1.使用中横线,而不使用下划线(js命名使用下划线);
2.不要纯数字、中文等命名, 尽量使用英文字母来表示;
优点:可以为元素对象定义单独或相同的样式;

三、id选择器

#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

元素的id值是唯一的,只能对应于文档中某一个具体的元素;
小技巧:
W3C标准规定,在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class。
类选择器(class) 好比人的名字, 是可以多次重复使用的;
id选择器 好比人的身份证号码, 全中国是唯一的, 不得重复, 只能使用一次。

四、多类名选择器
可以给标签指定多个类名,从而达到更多的选择目的。

  1. 样式显示效果跟HTML元素中的类名先后顺序没有关系,受CSS样式书写的上下顺序有关。
  2. 各个类名中间用空格隔开。
    <div class="pink fontWeight font20">亚瑟</div>

五、通配符选择器

* { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

作用范围最广,平常用的比较少。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值