html–CSS ID和类

html–CSS ID和类,第1张

概述我是HTML / CSS编码的新手,因为我第一次碰到ID和类选择器,我脑海里浮现出一个问题.我一遍又一遍地搜索网络,但我找不到我想要的答案.问题是:为什么在你可以用类做同样的任务时使用ID?我的意思是,我知道ID只是一次性使用,而且类很多,但是什么禁止我使用类选择器一次?那么,根据这个,CSS中存在ID的目的是什么?此外,当我们在样式表中使用完全相同的属性创

我是HTML / CSS编码的新手,因为我第一次碰到ID和类选择器,我脑海里浮现出一个问题.我一遍又一遍地搜索网络,但我找不到我想要的答案.

问题是:为什么在你可以用类做同样的任务时使用ID?

我的意思是,我知道ID只是一次性使用,而且类很多,但是什么禁止我使用类选择器一次?那么,根据这个,CSS中存在ID的目的是什么?

此外,当我们在样式表中使用完全相同的属性创建一个新元素时,我们需要ID甚至类?

以下代码是我想要问的一个例子:

最佳答案IDs和类之间存在一些差异.可能最重要的是存在语义差异. ID必须是唯一的(实际上,如果在文档中使用相同的ID两次,HTML是无效的)并且在HTML文档中标识特殊元素,那么类就是对具有共同点的元素进行分组.

1)在HTML树中搜索ID比在类中更快,因为CSS处理器在它找到的第一个匹配元素处停止. (因此ID css选择器更快).

2)IDs和类具有不同的specificity.由于ID在文档中是唯一的,因此它们具有比类更高的特异性.这在大型项目中非常重要,在这些项目中,您有很多CSS规则,其中会发生大量覆盖.

3)使用JavaScript后,类和ID之间的差异会更大.

定义新元素会导致标记无效,这就是为什么最后一个选项不是一个好主意.

总结

以上是内存溢出为你收集整理的html – CSS ID和类全部内容,希望文章能够帮你解决html – CSS ID和类所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1126331.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)