相同点：可以应用于任何元素
不同点：
1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
下面代码是正确的：
中国是个伟大的国家。。。。。习近平是现任的国家主席
立即学习“前端免费学习笔记（深入）”；
而下面代码是错误的：
中国是个伟大的国家。。。。。习近平是现任的国家主席
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。
下面的代码是正确的(完整代码见右侧代码编辑器)
.stress{ color:red;}.bigsize{ font-size:25px;}<p>到了<span <strong>class="stress bigsize"</strong>>三年级</span>下学期时，我们班上了一节公开课...</p>下面的代码是不正确的(完整代码见右侧代码编辑器)
#stressid{ color:red;}#bigsizeid{ font-size:25px;}<p>到了<span <strong>id="stressid bigsizeid"</strong>>三年级</span>下学期时，我们班上了一节公开课...</p>到了三年级下学期时.(这样可行)
注意：上面代码可以把color:red和font-size:25px;放在一个类选择器里面，如果既要设置一个词语的颜色为red又要设置它的字体为25px,那就方便多了；但是倘若一个地方只需要设置它的颜色为red,那还要宁谢类选择器，所以说写类选择器时分得越细越好（自认为）！！！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
546
收藏
