5.CSS-标签选择器、id选择器和类选择器

本文详细介绍了CSS中的标签选择器、id选择器和类选择器。标签选择器用于选取所有指定标签,id选择器依据唯一id设定属性,类选择器则依据类名设置多个元素的样式。id选择器前缀为#,类选择器前缀为.,id在HTML中唯一,class可重复。在实际开发中,id通常留给JavaScript使用,而样式设置多用类选择器。
摘要由CSDN通过智能技术生成

标签选择器

作用

根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性。

格式

标签名称{
	属性:值;
}

注意点

1.标签选择器选中的是当前界面中的所有的标签,而不能单独选中一个标签;
2.标签选择器无论标签藏得多深都能被选中;
3.只要是HTML中的标签就可以作为标签选择器。

id选择器

作用

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

格式

#id名称{
	属性:值;
}

注意点

1.每个HTML标签都有一个属性叫做id,也就是说每个标签都可以设置id;
2.在同一个界面中id的名称是不可以重复的;
3.在编写id选择器时一定要在前面加上#;
4.id名称是有一定的规范的:

  • id名称只能有字母、数字、下划线组成;
  • id名称不能由数字开头;
  • id名称不能是HTML标签的名称;
  • 在企业开发中一般情况下如果仅仅是为了设置样式,我们不会使用id,因为在前端开发中id是留给js使用的。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值