CSS学习笔记(二)选择器

一、标签选择器

1、标签选择器:根据指定标签名称,在当前界面找到所有该名称的标签,然后设置属性。

2、格式:

标签名称{
	属性: 值;
}

3、注意:
(1)标签选择器选中的是当前界面中所有的标签,而不能单独选中某一标签。
(2)标签选择器无论标签藏得多深都能选中。
(3)只要是HTML中的标签九可以作为标签选择器。

二、id选择器

1、作用:根据指定的id名称找到对应的标签,然后设置属性。

2、格式:

#id名称{
	属性: 值;
}

3、注意:
(1)每个HTML标签中都有一个属性叫做id,即每个标签都可设置id。
(2)在同一界面中id的名称不可重复。
(3)id名称前一定要加#。
(4)id名称只能由字母/数字/下划线组成,id名称不能以数字开头,id名称不能是html标签的名称。
(5)在企业开发中,若仅是为了设置样式,我们不能使用id,因为在前端开发中id是留给js使用的。

三、类选择器

1、作用:根据指定的类名称找到对应的标签,然后设置属性。

2、格式:

.类名{
	属性: 值;
}

3、注意:
(1)每个html标签都有一个属性叫class,即每个标签都可以设置类名。
(2)在同一界面中class的名称可以重复。
(3)在编写class选择器时一定要在class名称前加上.。
(4)类名的命名规范和id名称的命名规范一样。
(5)类名专门用来给某个特定的标签设置样式。
(6)在html中,每个html可以同时绑定多个类名。
格式:<标签名称 class=”类名1 类名2...“>

四、后代选择器

1、作用:找到指定标签

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值