                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

id于class的区别在哪里？

可以举几个实例吗？谢谢

anonymius

2016-07-27

源自：初识HTML(5)+CSS(3)-升级版 8-12

关注问题我要回答

904

操作

收起

6 回答

穗积回答被采纳 +3 积分
2016-07-27

id选择器和类选择器的区别在于id只能被使用一次，但是class可以被重复使用。举个例子来说，假如你想定义水果，那么苹果，香蕉，属于不同的水果，你想定义其标签的时候只能使用id表示不同的水果种类，但是假如你有很多苹果，而且每个苹果你觉得属性什么的都一样，这个时候一个个的定义苹果属性过于繁琐，所以就有了类，这也是为啥类可以重复使用的原因(感觉例子举的不是很好)

0 回复有任何疑惑可以回复我~

收起回答

慕粉3206763
2016-07-27

在一个html文件中，id是唯一不能重复使用，而class可以重复使用，在css文件id选择器前面加"."，class选择器前面加"#"。

0 回复有任何疑惑可以回复我~

收起回答

qq_千山暮雪_13681212
2016-07-27

id选择器和类选择器（class）的区别在于id选择器用#+名称，它只能用于一个标签的设置。类选择器（class）用 .+

名称，且可用于多个标签的设置。

0 回复有任何疑惑可以回复我~

收起回答

楠火
2016-07-27

就是ID选择器只能使用一次，而类选择器能使用多次。

文本

文本2

文本3

这种情况是可以的。

但是，

文本

文本2

文本3

这种情况是不可以的，因为ID选择器使用了两次。

1 回复有任何疑惑可以回复我~

收起回答

anonymius 提问者

用错了有什么后果吗？另外麻烦帮我看一下这段代码的问题： .food>li{border:1px solid red;}/*添加边框样式（粗细为1px，颜色为红色的实线）*/{ color:blue } 为什么color：blue就没效果了？？

2016-07-27 回复有任何疑惑可以回复我~

楠火回复 anonymius 提问者

你应该将color:bue;写在li后面的{}中。

2016-07-27 回复有任何疑惑可以回复我~

anonymius 提问者
2016-07-27

.food>li{border:1px solid red;}/*添加边框样式（粗细为1px， 颜色为红色的实线）*/{
    color:blue
}

问一下上面那段代码问题在哪？？？为什么color：blue不能生效

0 回复有任何疑惑可以回复我~

收起回答

穗积

因为.food>li{border:1px solid red;}这里错了，把后面的大括号去掉就可以

2016-07-27 回复有任何疑惑可以回复我~

igfans
2016-07-27

一个页面上所有控件ID不能重复且只能使用一次，但class可以被多个 html控件所套用，无限次使用.

0 回复有任何疑惑可以回复我~

收起回答

anonymius 提问者

用错了有什么后果吗？？

2016-07-27 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226977 人
解答问题 18247 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

2 回答class和id的区别

5 回答id和class区别

2 回答id 和 class区别问题

1 回答id 和 class有什么区别

1 回答value 和 id 和name 的区别到底在哪里

搜索更多本课相关问答

id于class的区别在哪里？

我要回答关注问题

热搜

最近搜索清空

id于class的区别在哪里？

6 回答

本课相似问答

id于class的区别在哪里？