CSS选择器

1标签选择器

标签选择器其实就是HTML里面的标签,例如段落标签p,容器标签div以及a标签等,具体用法如下:

2类选择器

类选择器是比较常用的一种选择器,使用的方式是黑点+类的名称,即黑点+标签里面中class的值。具体实例如下:

3id选择器

id选择器也是比较常用的一种,使用方式是#+id的名称,他和类选择器的主要区别是id选择器是唯一的,即不能有相同名称的id,而类选择器可以有多个名称相同的。实例如下所示:

4子选择器

子选择是采用父类>子类,其子类是父类的第一代子类,即不包括孙子的。

5包含(后代)选择器

使用父类+空格+子类,表示包含其所有的子类,即包含孙子等。具体实例如下所示:

6通用选择器

通用选择器的是*,其可以匹配HTML中所有的选择器,具体用法是*{},具体实例如下:

7伪类选择器

它允许给html不存在的标签(标签的某种状态)设置样式。但是会有浏览器的兼容问题,a:hover是不存在兼容问题的,因此比较常用。具体实例如下:

8分组选择器

html中多个标签元素设置同一个样式时,可以使用分组选择符(,),通过逗号将标签分组,具体实例如下:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值