可以这么理解，class是类属性，可以无限制的使用，并且在全局符合样式规范的地方均可用。
id是身份标识，它下面其实也主要是class样式。但它标识了身份，html中只有这调用这个身份的代码才能享有这些样式。另外一个最大的不同是，id的样式，在html页面中只能引用一次，而class是无限制的。还有就是JS代码牵扯的样式只能用id来提供。
如果只是普通简单的样式，那都可以通用。比如你要引用style2样式，可以写
.style1 .style2 { }
#style1 .style2 { }
再在html中分别引用，效果是一样的。但要注意#style1只能被引用一次。
第一种：.style1{color:red}
.style2{color:green}
<input type="text" class="style1" />
<input type="password" class="style2" />
第二种：
<input type="text" style="color:red" />
<input type="password" style="color:green" />
第三种：css3选择器，ie低版本不支持
input[type=text]{color:red}
input[type=password]{color:green}
<input type="text" />
<input type="password" />
当然还可以根据js去做
