class 选择器

简介: class 选择器。

class 选择器
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在 HTML 中以 class 属性表示, 在 CSS 中,类选择器以一个点 . 号显示:
在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。
.center {text-align:center;}
尝试一下 »
你也可以指定特定的 HTML 元素使用 class。

在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:
p.center {text-align:center;}

相关文章
|
6月前
|
前端开发 开发者
类选择器和伪类选择器有何不同
类选择器和伪类选择器有何不同【2月更文挑战第26天】
55 10
|
4天前
|
JavaScript
id 选择器
jQuery 的 #id 选择器用于通过 HTML 元素的 id 属性选取指定元素。由于页面中每个元素的 id 应该是唯一的,因此 #id 选择器常用于选取唯一的元素。使用方法为 `$("#test")`。例如,当用户点击按钮时,可以通过 `$("#test").hide();` 隐藏具有 id="test" 的元素。
|
5月前
|
前端开发
CSS基础-CSS选择器:ID、Class、Tag
【6月更文挑战第7天】本文介绍了CSS中的三种基本选择器:ID、Class和Tag选择器。Tag选择器适用于统一设置同类型元素样式,但可能造成样式泛化;Class选择器灵活性高,适合复用,注意命名规范和避免过度使用;ID选择器具有最高优先级,用于唯一标识,应谨慎使用。理解其特点和场景,结合良好命名规范,能提升CSS代码效率和可维护性。
50 2
|
6月前
|
Web App开发 前端开发
id和class选择器
id和class选择器。
33 3
|
6月前
|
Web App开发 前端开发
id 选择器
id 选择器。
38 0
3、选择器权重(id,class,element)
3、选择器权重(id,class,element)
89 0
|
前端开发 JavaScript
【CSS】基础选择器,包括标签选择器、类选择器、id选择器和通配符选择器...
有关基础选择器的学习记录,包括标签选择器、类选择器、id选择器和通配符选择器...
386 0
【CSS】基础选择器,包括标签选择器、类选择器、id选择器和通配符选择器...
|
前端开发
CSS——多类名选择器,id选择器,通配符选择器
CSS——多类名选择器,id选择器,通配符选择器
323 0
CSS——多类名选择器,id选择器,通配符选择器
|
前端开发 JavaScript
CSS——标签选择器,类选择器
CSS——标签选择器,类选择器
232 0
CSS——标签选择器,类选择器
|
JavaScript
jQuery常用选择器【标签选择器】【id选择器】【class选择器】【集合选择器】
jQuery常用选择器【标签选择器】【id选择器】【class选择器】【集合选择器】
167 0
jQuery常用选择器【标签选择器】【id选择器】【class选择器】【集合选择器】