css中id和class区别

html-css026

css中id和class区别,第1张

css中这两者的区别如下

ID和class都是选择器,id是id选择器,class是类选择器。

id选择器相同名字在页面中只能出现一次,是唯一的。使用时一般用于某个特定的样式。用id指定样式,通过#来定义

class选择器在页面中可以出现多个相同名字,当页面中某些属性相同时使用,比如字体大小都是24px。用class指定样式,通过.来定义

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应该有一定的规范性。

在样式表定义一个样式的时候,可以定义id也可以定义class。

1、在CSS文件里书写时,ID加前缀"#";CLASS用"."

2、id一个页面只可以使用一次;class可以多次引用。

3、ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;class是一个样式,可以套在任何结构和内容上,就象一件衣服;

4、从概念上说就是不一样的:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。