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

有点弄不清楚,请高手解答,送分拉~~... 有点弄不清楚,请高手解答,送分拉~~ 展开
 我来答
金豆清云溪
2019-05-16 · TA获得超过4075个赞
知道大有可为答主
回答量:3129
采纳率:28%
帮助的人:208万
展开全部

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

Storm代理
2023-07-25 广告
StormProxies是一家可靠的代理服务提供商,提供原生IP(住宅原生IP)和高匿名代理服务。以下是关于StormProxies的原生IP服务的一些信息:1. 住宅原生IP:StormProxies提供的住宅原生IP是指从真实的家庭或企... 点击进入详情页
本回答由Storm代理提供
涂含秀扶绍
2020-01-20 · TA获得超过3万个赞
知道大有可为答主
回答量:1.1万
采纳率:35%
帮助的人:925万
展开全部
派生选择器
可以使一个元素里的子元素定义样式
例如:
li a
{ font-size:14px}
就是给li下的子元素a定义一个14px号像素的字体样式

类别选择器
在html中引入css样式通常由,类别选择器
在css中用一个“.”点开头表示
如:.box
{width:960px;
margin:0
auto;
padding:0px;
overflow:hidden}
在html页面中,用class="类别名"的方法调用:
<div
class="box">这里是内容</div>
类别选择器方法比较简单灵活,可以随时根据页面的需求新建和删除

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

在html页面中,用id="类别名"的方法调用:
<div
id="box">这里是内容</div>
id选择器和类别选择器其实是一样的
通常id选择器仅是用来表示不重复的样式
相对的来说,类别选择器灵活一些,而id选择器仅表示重要的样式字段
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
爱笑的上尤流苏
2018-11-20 · TA获得超过1248个赞
知道答主
回答量:30
采纳率:100%
帮助的人:7.9万
展开全部
在一个标准的html页面中,id是唯一的,class是定义相同类型的
所以,id选择器通常用来表示传递给后台的参数
class选择器通常用于前端样式的选择。
简单来说,就是id供前后台交互使用,class用于前端样式Css使用,也有一些例外,例如单选框,需要同时定义id和class,id用于表示参数不同,class用来表示他们是同一类参数
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
旗尘印雪瑶
2019-06-28 · TA获得超过3644个赞
知道大有可为答主
回答量:3104
采纳率:27%
帮助的人:187万
展开全部
id选择器只能在页面中调用一次.
如果只说css的使用,除了id只能调用一次.那就还有id选择器优先于class...
其它的没有什么区别.
再区别就是id用于后期js中
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
九州处世不贫848
推荐于2017-11-29 · TA获得超过340个赞
知道答主
回答量:62
采纳率:0%
帮助的人:107万
展开全部
什么时候用id,什么时候用class?
W3C标准这样规定的,在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class。这样,一般网站分为头,体,脚部分,因为考虑到它们在同一个页面只会出现一次,所以用id,其他的,比如说你定义了一个颜色为red的class,在同一个页面也许要多次用到,就用class定义。另外,当页面中用到js或者要动态调用对象的时候,要用到id,所以要根据自己的情况运用。自己的语言。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(6)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式