【Html】类和ID选择器的区别
来源:互联网 发布:淘宝内衣向大大 编辑:程序博客网 时间:2024/06/16 13:38
学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点:
相同点:可以应用于任何元素
不同点:
1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
下面代码是正确的:
<p>三年级时,我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个<span class="stress">勇气</span>来回答老师提出的问题。</p>
而下面代码是错误的:
<p>三年级时,我还是一个<span id="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个<span id="stress">勇气</span>来回答老师提出的问题。</p>
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
下面的代码是正确的(完整代码见右侧代码编辑器)
.stress{ color:red;}.bigsize{ font-size:25px;}<p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课...</p>
上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。
下面的代码是不正确的(完整代码见右侧代码编辑器)
#stressid{ color:red;}#bigsizeid{ font-size:25px;}<p>到了<span id="stressid bigsizeid">三年级</span>下学期时,我们班上了一节公开课...</p>
上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。
0 0
- 【Html】类和ID选择器的区别
- 类选择器和ID选择器的区别
- 类选择器和ID选择器的区别
- HTML中id选择器和class选择器的区别(为什么id选择器不能重复)
- 类和ID选择器的区别
- CSS选择器中:类和ID选择器的区别
- Html ID 和 类名的区别
- css的类选择器#和id选择器.
- 类选择器和id选择器的优先级
- css中id选择器和class选择器的区别?
- css中id选择器和class选择器的区别?
- css中的ID选择器和CLASS选择器的区别
- css中id选择器和class选择器的区别?
- jquery id选择器和class选择器的区别
- html id 选择器和 class 选择器
- CSS中的ID选择器和类选择器区别及用法
- CSS中ID选择器和类(class)选择器的区别
- id选择器和class选择器区别
- 使用markdown进行代码阅读笔记
- jquery hover事件只触发一次动画
- 单链表(c语言版)
- float数据在内存中的存储方法
- APIO2012 dispatching(dfs序+主席树)
- 【Html】类和ID选择器的区别
- 系统操作日志设计-代码实现
- web自动化(1)----selenium环境搭建
- struts2国际化
- Javascript深入浅出之基本类型
- Scala 点滴:"_" 方法 -> 函数
- ContentProvider 详解
- hdu 1034 Candy Sharing Game
- TCMalloc小记