CSS 中,ID 是控制什么的?Class是控制什么的?

CSS 中,ID 是控制什么的?Class是控制什么的?

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

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

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

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

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

目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。无论是用“.”,还是“#”都无所谓,但是最好遵循,主要的重要的特殊的最外层的用“#”。class在同一个HTML网页页面可以无数次的调用相同的class;这样就可以像调用函数一样不用再一个页面i重复一个属性,只需要一个class类的选择,就可以在同一个位置调用相同的CLASSid表示着标签的身份,在JS脚本中会用到ID ,当js 要修改一个标签属性时,js会将id名做为唯一标识进行操作,id在页面职能出现一次。并且是唯一性。
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2016-01-27

ID、class是CSS选择器中两种使用最为广泛的选择器。


CSS .class 选择器 定义和用法

  .class 选择器选取带有指定类 (class) 的元素。


CSS .class 选择器 实例 

/*为 class="hometown" 的所有 <p> 元素设置样式:*/
p.hometown

background-color:yellow;
}

CSS #id 选择器 定义和用法

  #id 选择器为带有指定 id 的元素设置样式。


CSS #id 选择器 实例

/*为 id="firstname" 的元素设置样式:*/
#firstname{ background-color:yellow;}

拓展: id应该具有唯一性,所以不建议使用相同的id去进行CSS样式控制。

第2个回答  推荐于2016-01-19
都是CSS的样式选择器
id 的确可以是JS找到DOM元素的一种方式。
另外:id在网页里不能重复出现。Class可以重复出现。

<div id="id">id选择器</div>
<div class="cls">class选择器</div>

CSS调整
id选择器要 #开头 如:#id{float:left}
class选择器要以 .开头 如.cls{flast:left}本回答被提问者和网友采纳
第3个回答  2015-10-01
你好,CSS中ID 号是唯一的,可以配合javascript 做一些特效,而class可以在多个标签中使用,除此之外,功能基本相同。一个是唯一的,一个可以多用。希望能够帮助到你,望采纳!~
第4个回答  2012-10-06
css中的id,class 都是控制CSS样式的一种选择器。ID的权重为100,class为10,意思就是同给一个标签添加id和class,会优先显示id的样式;id选择器一般表示唯一的,而class可以重复利用,所以id经常被用作js寻找DOM元素的一种方法...
相似回答