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

有点弄不清楚，请高手解答，送分拉~~

2024-12-20 07:53:56

推荐回答（5个）

回答1：

相同点：可以应用于任何元素
不同点：
1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
下面代码是正确的：
而下面代码是错误的：
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用
ID
词列表）。
下面的代码是正确的
上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。
下面的代码是不正确的
上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。

回答2：

派生选择器
可以使一个元素里的子元素定义样式
例如：
li a
{ font-size:14px}
就是给li下的子元素a定义一个14px号像素的字体样式

类别选择器
在html中引入css样式通常由，类别选择器
在css中用一个“.”点开头表示
如：.box
{width:960px;
margin:0
auto;
padding:0px;
overflow:hidden}
在html页面中，用class="类别名"的方法调用：
class="box">这里是内容

类别选择器方法比较简单灵活，可以随时根据页面的需求新建和删除

还有，id选择器
在css中用“#”号开头表示
如：#box
{width:960px;
margin:0
auto;
padding:0px;
overflow:hidden}

在html页面中，用id="类别名"的方法调用：
id="box">这里是内容

id选择器和类别选择器其实是一样的
通常id选择器仅是用来表示不重复的样式
相对的来说，类别选择器灵活一些，而id选择器仅表示重要的样式字段

回答3：

在一个标准的html页面中，id是唯一的，class是定义相同类型的
所以，id选择器通常用来表示传递给后台的参数
class选择器通常用于前端样式的选择。
简单来说，就是id供前后台交互使用，class用于前端样式Css使用，也有一些例外，例如单选框，需要同时定义id和class,id用于表示参数不同，class用来表示他们是同一类参数

回答4：

id选择器只能在页面中调用一次．
如果只说css的使用，除了id只能调用一次．那就还有id选择器优先于class．．．
其它的没有什么区别．
再区别就是id用于后期js中

回答5：

什么时候用id，什么时候用class?
W3C标准这样规定的，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。这样，一般网站分为头，体，脚部分，因为考虑到它们在同一个页面只会出现一次，所以用id，其他的，比如说你定义了一个颜色为red的class，在同一个页面也许要多次用到，就用class定义。另外，当页面中用到js或者要动态调用对象的时候，要用到id，所以要根据自己的情况运用。自己的语言。