[css] 标签、class和id选择器三者的区别是什么？分别在什么时候用？

标签选择器：tag{} 选取对应的标签例如 a span div
class选择器：.class-name{} 选取对应class-name的元素
id选择器：#id-name{} 选取对应id的元素
其中id是具有唯一性的。
三者优先级为 id>类>标签
因此一般可以用标签选择器添加该标签的通用样式，类选择器对样式进一步细化，id选择器针对某几个需要特殊处理的元素添加单独的样式。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 标签、class和id选择器三者的区别是什么？分别在什么时候用？相关推荐

[css] css中class和id选择器有什么区别？
[css] css中class和id选择器有什么区别? id 在部分浏览器的 js 中会直接生成同名变量: id 的唯一性,获取该 id 的 dom 时,会取同名 id 的前者: id 层叠权重非常高 ...
css学习06：id选择器
id选择器可以为标有特定id的HTML元素指定特有的样式 HTML元素以id属性来设置id选择器,css中id选择器以"#"来定义语法: #id名 { 属性1:属 ...
学习记录 --【零基础CSS学习】03.ID选择器和类选择器
目录一.ID选择器二.类选择器一.ID选择器 1.id属性是标准属性,任何元素都可以有id属性. 2.使用id选择器时,要在id值前加上"#" 3.id选择器只能选中一个元素 ...
零基础CSS入门教程(8)–id选择器
点此查看所有教程.项目.源码导航本文目录 1. 前言 2. id选择器 3. 使用id选择器 4. 整体网页解析 5. 小结 1. 前言上一篇介绍了元素选择的使用,本篇来介绍一种新的选择器:id ...
css 选择器（标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器）
css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类标签选择器类选择器层级选择器(后代选择器) id选择器组选择器伪类选择器通配符选择器标 ...
CSS / CSS3（新增）选择器及优先级原则
文章目录一.CSS基本选择器 1.通用选择器 * 2.元素(标签)选择器 3.类选择器 4.ID选择器 5.群组选择器二.关系选择器 1) 后代选择器 2) 子元素选择器 3) 兄弟选择器三.c ...
css基本选择器，id选择器，class选择器，标签选择器，*通配符选择器，逗号空格 + ＞
全栈工程师开发手册 (作者:栾鹏) css系列教程1-选择器全解 css基本选择器包括id选择器,class选择器,标签选择器,*通配符选择器,以及使用逗号实现查询集合,空格实现查询后代,>实 ...
6—CSS基础选择器（标签选择器、类选择器、id选择器）
css简介 css是层叠样式表的简称,css主要用于设置html的文本内容.图像的外形以及版式的布局和外观显示样式.css让我们的网页更加丰富多彩,布局更加灵活自如. css语法规范 css规则由两个 ...
CSS - 选择器(标签选择器、类选择器、ID选择器)
CSS - 选择器(标签选择器.类选择器.ID选择器) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&qu ...

[css] 标签、class和id选择器三者的区别是什么？分别在什么时候用？

[css] 标签、class和id选择器三者的区别是什么？分别在什么时候用？

个人简介

主目录

[css] 标签、class和id选择器三者的区别是什么？分别在什么时候用？相关推荐

最新文章

热门文章