檬味博客 » 问答 » css定义为什么不全用CLASS而要用ID

css定义为什么不全用CLASS而要用ID

优先级上，ID选择器可以保证更高的优先级，达到更精细的样式控制 ID可以保证唯一性，与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次 ID 丰富了样式的描述，同时提供更精细的动作选择支持，比如配合Jscript的使用，可以独立于元素来选择 ID。有些情况下，您知道文档中会出现某个特定 ...
css定义为什么不全用CLASS而要用ID
这是因为，ID的优先级非常高，用id 可以绝对提高优先级！
--------------
我简单给你讲解，用class 的好处：
css 可以用 class ，也可以用 id 。他们区别在于：

一个页面只有一个id （这是标准，规定的），但是可以有无限个 class。
所以，css 如果用 id ，那不利于多出引用。
---------------------
但是，css定义为什么不全用CLASS而要用ID

有问题追问，我是前端攻城师！2011-07-26
在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别
引用的形式上，类选择器提供了对类名相同的标签同时样式控制的便利，课单独操作一个标签时继续引入一个Class有些大材小用，尤其是维护一个样式复杂的页面，用class去操作单一的标签容易搞混淆
优先级上，ID选择器可以保证更高的优先级，达到更精细的样式控制
ID可以保证唯一性，与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次
ID 丰富了样式的描述，同时提供更精细的动作选择支持，比如配合Jscript的使用，可以独立于元素来选择 ID。有些情况下，您知道文档中会出现某个特定 ID 值，但是并不知道它会出现在哪个元素上，所以您想声明独立的 ID 选择器。有利于配合JS等的操作
2015-05-30
ID是用于标记 页面中只出现一次的对象，如页脚，如果用ID标识它 别人就不会轻易修改你的ID标识过的页脚CSS样式。 如果你用class去同时标识页脚和一个段落，别人只是为了更改段落样式往里面加了新属性，导致页脚格式变了，导致引用此class所有页面的页脚格式变了。显然不应该用class同时标识页脚和段落，页脚应该单独用ID标识来告诉这是一个标准格式，其他人不能随意往里面做修改。标识为ID的另一个优点是指定了一个标准，因为页脚只会用id去标识页脚的样式，别人只会第一时间去找ID修改，而不是去找Class。加快了搜索修改的速度。2019-07-14
理论上说，你可以不使用 id。但你要给每一个需要样式的元素加上 class。

一般一个页面的排版中只有一个主要的导航栏 (id="nav")，一个主要的内容栏(id="content")，一个主要的边栏(id="sidebar")。。。这些元素在页面中都是【唯一】的，所以使用ID来区分。

但有些元素的样式是一样的，比如两个相同的div小版块，这时就需要用 class。

class 和 id 的主要区别在于：class 可以在一个页面多次使用在不同元素，但一个 id 在一个页面只允许出现一次。

除此之外，id 还可以通过地址栏定位元素。我们经常看到地址栏中有 # 符号，例如 index.html#comments，当页面加载后，浏览器会自动在页面中寻找 id 为 comments 的元素，并自动卷动页面至此元素。

id 除了在 css 中，最大的用途应该是给 Javascript 提供了直接帮助。document.getElementById('element_id')，通过 id 来获取元素。2011-07-25
在符合W3C的页面里，id是唯一的，class可以有多个。虽然都可以定义样式，但是还是有差别的。往往一个HTML页面是要配合CSS和JAVASCRIPT一起用。id在这个时候就有用处了。javascript里，可以用document.getElementById(id名称)来取得这个标签的object，然后操作。2011-07-28
mengvlog 阅读 7 次 更新于 2025-07-19 04:46:09 我来答关注问题0
5 个回答檬味博客专题活动
  • 百度网友d8bc48e css定义为什么不全用CLASS而要用ID

    在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别 引用的形式上，类选择器提供了对类名相同的标签同时样式控制的便利，课单独操作一个标签时继续引入一个Class有些大材小用，尤其是维护一个样式复杂的页面，用class去操作单一的标签容易搞混淆 优先级上，ID选择器可以保证更高的优先级，达到...

  • anonymous 在html里的一个class名,写到css里为什么可以分成几个class名写? 详情见附图。

    class它只是一个选择器，叫做类选择器。根据自己的样式需求，一个类名样式最好写在一起。在两个不同的css文件中使用相同的class类名的话只有一个才有效的。要实现不同文件同时控制html标签的样式的话，可以按照这样的方式写。如下示例代码：html代码： css文件一：.style1{color:#000;} css文件二：...

  • Aking天空City css里面应该用id还是class??

    id的用途其实很窄，就算是在js中也就用来遍历元素罢了，class也同样的能找到元素，总之class的功能比id强，用class永远都不会有争议。

  • j88r css中class究竟是鸡肋还是鸡肉

    html中class和id属性，是用来标记元素、区别元素，这样就可以用css来精确控制样式，也可以使用javascript来控制元素。但class和id是有明显区别的，在网页中，id属性的值只能有一个，但是class的值是可以重复的。比如，我定义一个div的id为a，那么网页中不能再出现一个html元素的id为a；但是我定义一个div...

  • 百度网友86b06e7 CSS中的“class”里的样式属性是否能够有多个呢?

    CSS中class可以指定多个值，用空格隔开就可以了，多个样式定义最终会叠加在一起应用到当前元素。一、CSS中id和class的区别：1、id的优先级比class高。2、class是通用属性，就是说几个div可以调用同一个class ，而id是唯一的，web标准中不允许出现两个div的id标识是相同的，id也是js获取对象的一个标识...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部