css选择器

对于前端开发,css的作用无疑是巨大的通过css我们可以轻而易举的改变网页的颜色布局背景等等样式的效果。

Css选择器众多,30多个选择器中只要掌握id、class、等组选择器就足以。

1、标签选择器

标签选择器,通过选择标签来设置属性,这种选择器影响范围大,标签选择器无论标签藏的多深都可以找到。

实例:

 

2、id选择器

id选择器顾名思义就是通过在标签内添加id,后选择对应的id来设置css的样式,而id选择器的名称是不可以复用的id名一般给程序使用,所以不推荐使用id作为选择器。

实例:

3、类选择器

类选择器则是选择类名类选择元素,一个元素可应用于多个类应用灵活,可以重复使用,是css选择器中应用最多的选择器。

实例:

4、层级选择器

层级选择器主要运用于嵌套标签的结构,是结合了标签选择器和类选择器来写的选择器。

实例:

5、组选择器

如果是众多选择器,都是同样的样式可以使用组选择器。

实例:

 

 

 

 

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值