html之div中id和class的区别

1、id和class使用上的区别

id是设置标签的标识。id属性用于定义一个元素的独特的样式。

如样式表可以加入#content2 { font-size: larger }
使用方法为：id="content2"

class是设置标签的类， class属性用于指定元素属于何种样式的类。

如样式表可以加入.content1 { color: red; background: #ff80c0 }
使用方法：class="content1"

2、概念上的区别：

id是一个标签，用于区分不同的结构和内容，就像你的名字，如果一个屋子有2个人同名，就会出现混淆；
id是先找到结构/内容，再给它定义样式；
class是一个样式，先定义好，然后可以套给多个结构/内容, 便于复用。也就是说class名称可以相同。

3、属性的优先级问题

id的优先级要高于class，示例代码如下：

<html>
<head>
<style type="text/css">
#aa {color:red
}.aa {color:blue
}
</style>
</head><body><div id="aa" class="aa">id的优先级比class高，所以这里显示red</div>
</body>
</html>

效果图：

html之div中id和class的区别相关推荐

html代码id,浅谈html中id和name的区别实例代码
浅谈html中id和name的区别实例代码更新时间:2008年07月28日 23:00:55 作者: 这个是form里面的name与id的区别我们可以通过一段代码来分析一下其中的微妙差别: 在 ...
div标签中 id和 class的区别
1.语法区别 id对应css是用样式选择符"#"(井号): class对应css是用样式选择符"."(英文半角输入句号. <div id="he ...
【转】在CSS中 ID与Class的区别?谢谢
在样式表定义一个样式的时候,可以定义id也可以定义class.1.在CSS文件里书写时,ID加前缀"#":CLASS用"."2.id一个页面只可以使用一次:cl ...
HTML中id和name的区别(js中的注意事项)
但是name在以下用途是不能替代的: 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档 ...
input 的id 和name什么区别
在表单(input)中id和name的区别但是name在以下用途是不能替代的: 1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多 ...
【jQuery】使用id选择器，找出外层div中嵌套的内层div
场景:为了实现一个 toggle 效果,即第一次点击一个"添加"按钮之后,会在一个(外层)div的末尾append一个新的(内层)div,第二次点击这个按钮之后,希望这个新增的(内 ...
在可编辑div中插入文字或图片的问题解决思路
最近在网上碰到一个人问了我一个问题,在可编辑div中插入文字或者图片.因为web在线编辑器我从来只是用,基本不会去研究源代码.后来正好一个在线聊天web项目中也要用到这个功能,我就特地看看了代码. 基 ...
将div垂直居中放置在另一个div中[重复]
本文翻译自:Vertically centering a div inside another div [duplicate] This question already has answers he ...
div中的图像在图像下方有多余的空间
为什么在以下代码中div的高度大于img的高度? 图像下方有一个缝隙,但似乎不是填充/边距. 图像下方的间隙或多余空间是多少? #wrapper { border: 1px solid red; wi ...