类与ID选择器区别及使用示例分析.pdfVIP

类和ID选择器的区别

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

不同点：

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

而且仅一次。而类选择器可以使用多次。

下面代码是正确的：

p三年级时，我还是一个spanclass=stress胆小如鼠/span的小，上课从来不敢回答

老师问题，生怕回答错了老师会批评我。就一直没有这个spanclass=stress勇气/span

来回答老师问题。/p

而下面代码是错误的：

p三年级时，我还是一个spanid=stress胆小如鼠/span的小，上课从来不敢回答老

师问题，生怕回答错了老师会批评我。就一直没有这个spanid=stress勇气/span来

回答老师问题。/p

2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，

但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用ID词列表）。

下面的代码是正确的(完整代码见右侧代码编辑器)

.stress{

color:red;

}

.bigsize{

font-size:25px;

}

p到了spanclass=stressbigsize三年级/span下学期时，我们班上了一节公开课.../p

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

下面的代码是不正确的(完整代码见右侧代码编辑器)

#stre{

color:red;

}

#bigsizeid{

font-size:25px;

}

p到了spanid=strebigsizeid三年级/span下学期时，我们班上了一节公开课.../p

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