CSS中id和class的区别

转载 2015年07月09日 14:24:43

首先,在表现形式上 ID 的优先级比css高,例如:

<style>
#id {background-color:Red}
.class {background-color:blue}
</style>
<div id="id" class="class">
蓝色理想
</div>

id和class都定义了背景颜色的属性,但是由于id的优先级比class高,所以背景色为id所定义的红色


再次,class是通用属性,就是说几个div可以调用同一个class ,而ID是唯一的,web标准中不允许出现两个div的id标识是相同的,id也是js获取对象的一个标识,所以也必须是唯一的,(就像如果一个房子里面如果有两个相同名字的人,我要这个名字的人去做某事,谁去呢?就会混乱)
class还有个好处就是,一个div可以调用几个css,如

<style>
#id {background-color:gray}
.class1 {color:red;}
.class2 {width:200px;height:100px}
</style>
<div id="id" class="class1 class2">
蓝色理想
</div>
class1控制文本颜色为红色,class2控制div的大小

当我们在使用CSS的时候ID与Class有何不同?

ID和Class之间有何不同ID和Class都是“钩子”我们需要一个使用HTML/XHTML语言描述文档内容的方式,类似的基础元素有, 和来完成这样的工作,但我们的基础标签不能覆盖网页元素和布局选择中...
  • kingroc
  • kingroc
  • 2016年06月03日 15:35
  • 1534

CSS中class和id的区别

class可以定义多个值并且可以应用到多个标签上,但ID只能是一个。 例如 .css #css .css2 是正确的, .css #css .css2 是错误的, .css...
  • lifan_3a
  • lifan_3a
  • 2013年08月13日 11:57
  • 558

css中id和class 的区别

ID与Class区别,新手的我对此非常迷茫,不知道什么时候该用id,什么时候该用class。经过学习,我总结如下:    一、在web标准中是不容许重复ID的,例如 div id="a" 不...
  • qq_25178609
  • qq_25178609
  • 2016年03月17日 09:58
  • 308

css 中class与id的区别

class(类) 在同一个html网页页面可以无数次的调用相同的class。 ID是表示着标签的身份,在JS脚本中会用到id,当JS要修改一个标签的属性时,JS会将id名作为该标签的唯一标识进行操作...
  • goon202
  • goon202
  • 2017年02月09日 10:50
  • 136

css样式中的class,style与id的优先级问题

在写css样式的时候我们要注意的有顺序问题,更重要的时候style,class与id之间的优先级问题,在页面初次完工未经改变,或者页面复杂程度很小的时候,搞不清楚这三者之间的优先级问题,似乎并没有什么...
  • baitaibai
  • baitaibai
  • 2017年01月15日 14:45
  • 4464

css利用id和class来控制元素样式技巧总结

现在有这么一个实例要求:    1)画五个盒子,分别用红、紫、橙、绿、蓝字体颜色来表示;    2)鼠标点击其中一个盒子时,边框加租并显示与盒子字体颜色一致的颜色;    效果如下图:        ...
  • hlj184
  • hlj184
  • 2016年06月04日 13:23
  • 2687

CSS中id和class的引用

今天在学习过程中,遇到了class和id在css文件中的引用问题,被搞得很晕 如果想要指定在一个id里面的某一种元素,在CSS中应该用空格隔开,而不是像其他编程语言一样用“.”隔开,比如 ...
  • sunny1996
  • sunny1996
  • 2017年04月03日 22:27
  • 311

CSS 中 id 与 class 命名规则及编码的 6 个最佳习惯

CSS网页布局有很多值得学习的地方,这里和大家重点讨论一下CSS中id与class命名及编码的6个最佳习惯,相信本文介绍一定会让你有所收获。 一、用class_name方式写类名 以前喜欢...
  • holmes89757
  • holmes89757
  • 2016年06月17日 16:42
  • 5615

[转]CSS中的class与id区别及…

原文地址:[转]CSS中的class与id区别及用法作者:taco用DIV CSS制作Xhtml网页页面时,常会用到class 和id来选择调用CSS样式属性。对学习CSS的新手来说class和id可...
  • wx738986
  • wx738986
  • 2013年01月05日 20:54
  • 159

css 当用id选择器与 class 选择器选择同一目标但是应用不同修饰时的选择问题

为同一个p元素设置id为intro与class为bb,对他们进行不同颜色设置,结果应用了针对id设置时显示的颜色 p{color:red} #intro {color:green} .bb{co...
  • liuboman
  • liuboman
  • 2016年03月16日 16:58
  • 1127
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS中id和class的区别
举报原因:
原因补充:

(最多只允许输入30个字)