id和class选择器

简介: id和class选择器。

id和class选择器
如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
以下的样式规则应用于元素属性 id="para1":
实例

para1

{
text-align:center;
color:red;
}
Remark ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。
class 选择器
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在 HTML 中以 class 属性表示, 在 CSS 中,类选择器以一个点 . 号显示:
在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。

目录
相关文章
|
6月前
|
前端开发 JavaScript
Class 与 Style 绑定1
Class 与 Style 绑定1
|
前端开发
class id
class id
72 0
|
前端开发 JavaScript Java
Element-UI中Select选择器讲解(el-select详解)
案例详解Element-UI中Select选择器讲解,手把手教学!
1083 0
Element-UI中Select选择器讲解(el-select详解)
|
28天前
|
JavaScript
id 选择器
jQuery 的 #id 选择器用于通过 HTML 元素的 id 属性选取指定元素。由于页面中每个元素的 id 应该是唯一的,因此 #id 选择器常用于选取唯一的元素。使用方法为 `$("#test")`。例如,当用户点击按钮时,可以通过 `$("#test").hide();` 隐藏具有 id="test" 的元素。
|
6月前
|
Web App开发 前端开发
CSS id 和 class
【5月更文挑战第3天】CSS id 和 class。
49 10
|
3月前
|
移动开发 前端开发 JavaScript
HTML5 中 `id` 属性和 `class` 属性的区别
【8月更文挑战第24天】
93 0
|
5月前
|
前端开发
CSS基础-CSS选择器:ID、Class、Tag
【6月更文挑战第7天】本文介绍了CSS中的三种基本选择器:ID、Class和Tag选择器。Tag选择器适用于统一设置同类型元素样式,但可能造成样式泛化;Class选择器灵活性高,适合复用,注意命名规范和避免过度使用;ID选择器具有最高优先级,用于唯一标识,应谨慎使用。理解其特点和场景,结合良好命名规范,能提升CSS代码效率和可维护性。
60 2
|
6月前
|
Web App开发 前端开发
id 选择器
id 选择器。
38 0
|
6月前
|
前端开发
class 选择器
class 选择器。
77 3
|
6月前
|
前端开发 JavaScript
Class 与 Style 绑定2
Class 与 Style 绑定2