当涉及到CSS时，<div class="">和<div id="">之间有什么区别?是否可以使用<div id="">?
我看到不同的开发人员用这两种方式来做这件事，因为我是自学的，所以我从来没有真正弄清楚。
当前回答
id和class是两个全局/标准HTML属性(下面的全局属性可以用于任何HTML元素)。
为一个元素指定一个或多个类名(引用样式表中的类)
id元素的唯一id
id属性提供了元素文档范围内的唯一标识符，其中class属性提供了对类似元素进行分类的方法。
id属性值必须在整个HTML页面中是唯一的，class属性可以在任何想要应用相同属性的地方被重用
其他回答
类用于具有公共属性的多个元素。例如，如果你想让p和body标签的颜色和字体相同，使用class属性或在一个除法本身。
另一方面，Id用于突出显示单个元素属性，并且仅用于特定元素。例如，我们有一个带有某些属性的h1标签，我们不希望它们在整个页面的任何其他元素中重复。
需要注意的是，如果在元素中同时使用class和id，则*id将覆盖class属性。*因为id只用于单个元素
参考下面的例子
<html>
<head>
<style>
#html_id{
color:aqua;
background-color: black;
}
.html_class{
color:burlywood;
background-color: brown;
}
</style>
</head>
<body>
<p class="html_class">Lorem ipsum dolor sit amet consectetur adipisicing
elit.
Perspiciatis a dicta qui unde veritatis cupiditate ullam quibusdam!
Mollitia enim,
nulla totam deserunt ex nihil quod, eaque, sed facilis quos iste.</p>
</body>
</html>
我们生成输出
输出
CSS是面向对象的。ID表示实例，class表示类。
CSS选择器空间实际上允许有条件id样式:
h1#my-id {color:red}
p#my-id {color:blue}
将按预期渲染。你为什么要这么做?有时id是动态生成的，等等。进一步的用途是基于高级ID赋值来呈现不同的标题:
body#list-page #title {font-size:56px}
body#detail-page #title {font-size:24px}
就个人而言，我更喜欢较长的类名选择器:
body#list-page .title-block > h1 {font-size:56px}
因为我发现使用嵌套的id来区分治疗有点反常。只要知道，当Sass/SCSS领域的开发人员得到这些东西时，嵌套id正在成为常态。
最后，当涉及到选择器性能和优先级时，ID往往会胜出。这完全是另一个主题。
id和class是两个全局/标准HTML属性(下面的全局属性可以用于任何HTML元素)。
为一个元素指定一个或多个类名(引用样式表中的类)
id元素的唯一id
id属性提供了元素文档范围内的唯一标识符，其中class属性提供了对类似元素进行分类的方法。
id属性值必须在整个HTML页面中是唯一的，class属性可以在任何想要应用相同属性的地方被重用
在CSS中，类选择器是一个以句号(“.”)开头的名称，ID选择器是一个以散列字符(“#”)开头的名称。ID和类之间的区别是，ID可以用来标识一个元素，而类可以用来标识多个元素。
推荐文章
- 使伸缩项目正确浮动
- 如何取消最大高度?
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何选择在最后一个子元素之前的元素?
- 如何触发自动填充在谷歌Chrome?
- CSS变换，锯齿边缘在铬
- 创建圈div比使用图像更容易的方法?
- 强迫孩子服从父母的弯曲边界在CSS
- 为什么Chrome浏览器不正确地确定页面是在不同的语言，并提供翻译?
- 在CSS中@apply是什么?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度，而不是整个元素的宽度，使用CSS?
