class选择器与id选择器的区别

一、class一般是可以重复的，而id是唯一的

二、id是每个人的身份证号码，不允许重复

class可以看成是姓名,叫“张三”的人可以有多个

三、从资源的加载上看

id是先找到结构、内容，再去给它加载一个样式

class是先加载好样式，再去找结构和内容

四、从用法上看

一般id会用在一个框架级的设计上

class用于具体的一些数据的构造，来引用一些效果

时间： 2024-12-30 03:00:51

class选择器与id选择器的区别的相关文章

CSS类选择器和ID选择器

ID用于标识页面上的特定元素(比如站点导航),而且必须是唯一的. ID也可以用来标识持久的结构性元素,例如主导航或内容区域. ID还可以用来标识一次性元素,例如某个链接或表单元素. 一个ID只能应用于页面上的一个元素. 同一个类名可以应用于页面上任意多个元素,因此类的功能强大的多.类非常适合表示内容的类型或其他相似的条目.例如有一个新闻页面,其中包含多篇新闻,代码如下所示 <div id="story-id-1"> <h2>ID</h2> <p

CSS - 选择器(标签选择器、类选择器、ID选择器)

标题 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <

html class选择器与id选择器

class选择器: <p class="p1"> .p1{ color:red; ..... } id选择器: <p id="p2"> #p1{ color:red; ..... } 异同: 相同点:可以应用于任何元素不同点: 1.id全局唯一:class无要求: 2.class选择器可以写成下面形式: <p class="p p1"> .p{ color:red; ..... } .p1{ font-size

类和ID选择器的区别

学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1.ID选择器只能在文档中使用一次.与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次.而类选择器可以使用多次. 下面代码是正确的: <p>三年级时,我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题

CSS选择器中类和ID选择器的区别

类和ID选择器的区别 学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1.ID选择器只能在文档中使用一次.与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次.而类选择器可以使用多次. 下面代码是正确的: <p>三年级时,我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来

CSS-类和ID选择器的区别

学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1.ID选择器只能在文档中使用一次.与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次.而类选择器可以使用多次. 下面代码是正确的: <p>三年级时,我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题

CSS id 选择器

id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义. 下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色: #red {color:red;} #green {color:green;} 下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色. <p id="red">这个段落是红色.&l

CSS中的id选择器和class选择器简单介绍

<!-- CSS中选择器 CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性, 你要在元素中设置id和class选择器.那么我们现在来一个一个的介绍这两中选择器 id选择器: HTML中的元素属性用id来设置id选择器,CSS中的id选择器是用"#"来定义的 比如: #para1 { text-align:center; color:red; } 这样就定义了一个选择器,什么是选择器,在网上查的是说需要改变的HTML元素,很正确,在一开始我们的内部样

Id选择器和Class选择器

http://www.runoob.com/css/css-id-class.html http://www.w3school.com.cn/css/css_syntax_id_selector.asp http://www.w3school.com.cn/css/css_syntax_class_selector.asp 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. id选择器 id 选择器可以为标有特定 id 的