DIV中class和id的区别

1.class是设置标签的类，id是设置标签的标识;

2. 使用方法不同：
class属性用于指定元素属于何种样式的类,如样式表可以加入.content1 { color: red; background: #ff80c0 } 使用方法：class="content1"

id属性用于定义一个元素的独特的样式。如一个CSS规则#content2 { font-size: larger } 使用方法：id="content2"

3.Class可以反复使用而ID在一个页面中仅能被使用一次。

4.属性的优先级问题
ID 的优先级要高于class.
5.在什么时候使用ID，什么时候使用class？
　单一的元素，或需要程序、JS控制的东西，需要用id定义；重复使用的元素、类别，用class定义。
6.id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；
class是一个样式，可以套在任何结构和内容上，就象一件衣服；
概念上说就是不一样的：
id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。

转载于:https://www.cnblogs.com/291099657/articles/1167295.html

DIV中class和id的区别相关推荐

HTML中name与id的区别
** 即一般情况下推荐使用getElementById ** name是用来提交数据的,提供给表单用,可以重复:id则针对文档操作时候用,不能重复,如:document.getElementById( ...
input中name和id的区别
一直很困惑,表单里面input标签有id和name,它们之间到底有什么区别自己很少去想,只知道一般的场景该怎么使用,今天就在网上搜索了一下,自己也总结一下.为什么有了ID还要有Name呢?其实ID就像 ...
JS中class和id的区别
class和id的区别 class用于css的,id用于js的. 1)class页面上可以重复.id页面上唯一,不能重复. 2)一个标签可以有多个class,用空格隔开.但是id只能有id.
html中name和id的区别 [ZT]
name=id 一个microsoft的一个是netscape的都是标记对象名称 ------------------------------------------------- ...
HTML name与id的区别
HTML name与id的区别猴子提示:对于"使用人做为例子,id就是他的身份证号,name就是他的名字,因此,id必须唯一,name可以重复",这种坊间较流行的说法是不准确的 ...
web前端学习（六）—— HTML中元素的id属性、div和span布局
一.id属性 1.在HTML文档中,任何元素(节点)都有id属性,id属性是该节点的唯一标识,所以在同一个HTML文档中id值不能重复 2.注意:表单提交数据的时候,只和name有关系,和id无关 ...
mysql id in set_mysql数据库中find_in_set()和in()用法区别
mysql数据库中find_in_set()和in()用法区别 (2015-07-19 08:30:21) 标签: mysql数据库 find_in_set 在mysql中in可以包括指定的数字,而f ...
html div p 区别,html中div br p三者有什么区别？
本篇文章给大家带来的内容是关于html中div br p三者有什么区别,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.语法不同 p和p是成对组合闭合标签: 是单一的闭合标签.以 ...
【jQuery】使用id选择器，找出外层div中嵌套的内层div
场景:为了实现一个 toggle 效果,即第一次点击一个"添加"按钮之后,会在一个(外层)div的末尾append一个新的(内层)div,第二次点击这个按钮之后,希望这个新增的(内 ...

DIV中class和id的区别

DIV中class和id的区别相关推荐

最新文章

热门文章