id在一个文档中只能是唯一的,而class是可以重复的
另外,在Javascript中能够很容易获取id,但获取class较麻烦,故在做页面的时候尽量多使用class,同时也能减少CSS文件的体积
css的id和class不同之处在于体现在以下几个方面:
css中id的优先级高于class,以下示例代码进行说明:
<style>.aa{color:#000}
#bb{color:ff0000}
</style>
<div class="aa" id="bb">猜猜class和id优先级谁高</div>
<style>
#bb{color:ff0000}
.aa{color:#000}
</style>
<div class="aa" id="bb">猜猜class和id优先级谁高</div>
说明:无论class的样式文件在第一行或者第二行输出结果都是红色字体,说明id优先级高于class。
2.class css中得用.class的属性值,id是#id的值。
正确使用id和class
如果涉及到js获取值的话用id,否则用class来写。
注意事项:命名css的class和id应该有一定的规范性。
可以这样理解:一、元素:就是html标签,比如table,tr,td,img,input等等,在对这些使用css的时候,元素名前面可以不用加任何符号,如:对网页中所有input元素用一个css样式,那么可以在样式中写 input{样式}
二、ID:如果想在网页中某个特定地方使用css,这时候就可以给那个元素一个ID,在样式的时候,ID前面要加“#”,比如:想对ID为test的表格应用一个css样式,可以写作 #test
三、类就是大多数情况下都可以调用的,在前面要加个“.”,然后在使用的时候用 “class=类名”