ID 选择器和类选择器有什么区别？

相同点：可以应用于任何元素

不同点：

1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

下面代码是正确的：

而下面代码是错误的：

2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。

下面的代码是正确的

上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。

下面的代码是不正确的

上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。

ID具有唯一性，CLASS具有普遍性。

ID是不能重复的，所以在HTML的结构中，大结构一定是用ID。

比如标志、导航、主体内容、版权。这些呢接我自己制定的规范命名为#logo , #nav , #content , #copyright 这些是雷打不动的命名。

我通过实践总结的使用原则是：ID需要具有唯一性，并且尽量在外围使用。

而CLASS具有可重复性，并且尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改，这样的做法就会让所有的CLASS都成为ID的子级或是孙级。

你可以有两个儿子但你能有两个爸爸吗，就是这个道理。在我们写CSS的时候可以写成这样 #father .child {…} 尽量不要让Class包含ID.ID是唯一的并是父级的，

CLASS是可以重复的并是子级的。

class属性用于指定元素属于何种样式的类.

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com