简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
CSS 的 ID 和 Class 有什么区别？如何正确使用它们？
phpcn_u224
phpcn_u224 2016-12-20 15:44:11
0
4
1108

CSS 的 ID 和 Class 有什么区别？如何正确使用它们？


phpcn_u224
phpcn_u224

répondre à tous(4)
数据分析师
数据分析师2017-09-30 23:14:06 4 plancher

Quelle est la différence entre ID et Class en CSS ? Comment les utiliser correctement ? -Questions et réponses sur le site Web chinois PHP -Quelle est la différence entre l'ID CSS et la classe ? Comment les utiliser correctement ? - Questions et réponses sur le site Web chinois PHP

Veuillez regarder et apprendre.

Comme +0
Ajouter une réponse
这是啥
这是啥2016-12-20 15:51:20 3 plancher

ID是使用#来标识的，class是使用.（点）标识的，再有就是id的同一个名字只能在页面出现一次，class可以出现多次

Comme +0
Ajouter une réponse
迷茫
迷茫2016-12-20 15:45:33 2 plancher

ID具有唯一性，Class具有普遍性。
ID是唯一的，所以尽量在结构外围使用，通常用于页面布局。
Class是可重复的，所以尽量在结构内部使用，通常用于样式定义。
ID的样式优先级高于Class。


Comme +1
Ajouter une réponse
阿神
阿神2016-12-20 15:44:44 1 plancher

对于CSS而言，id和class都是选择器，唯一不同的地方在于权重不同。

如果只说CSS，上面那一句话就讲完了。

拓展出来，对于html而言，id和class都是dom元素的属性值。不同的地方在于id属性的值是唯一的，而class属性值可以重复。

id还一个老特性是锚点功能，当浏览器地址栏有一个#xxx，页面会自动滚动到id=xxx的元素上面。

由于大家都是选择器，曾经一段时间在前端重构分开的公司，会用不同类型的选择器来分隔开发人员职责，前端用id操作dom，重构用class来操作dom，当然现在是不推荐这样做的 

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！