CSS ID 与 Class 的区别?

Question

Css 里面 ID 的效果感觉跟 Class 的效果一样啊，什么情况下才会用 ID 或 Class呢？感觉没什么不同之处

Answer 1

简单的来说吧，css部分别用ID了，ID留给js部分。

先养成好习惯吧。

Answer 2

区别：如楼上，id页面重复一次，class页面重复使用。

在具体应用中，

class属于css里面的类选择器，html代码：<h1  class="lei">一级标题</h1>     <h2  class="lei">二级标题</h2>,        css代码：.lei{color:red;}

id属于css里面的id选择器，html代码：<h1 id="d1">一级标题</h1> ,       <h2  id="d2">二级标题</h2>,        css代码：#d1{color:red;}  ,#d2{color:blue;}      

Answer 3

class可以在页面里面重复使用，
id由于在页面里面只能出现一次，所以不能重复使用，
所以尽量用class来写，这样能在页面里面重复引用你写的css，减小工作量和代码量。

这种情况尽量用id：页面大的模块里面，用id来区分不同的模块。
比如页面里面有这样的模块：最新新闻，推荐新闻等。就可以考虑用id来区分。

还有一点，由于id是页面中唯一的，更多的是定义来留给给页面里面的javascript用。