CSS class 和 id 两个选择器，哪个优先级高
2018-07-29 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。
1.如果样式是行内样式（通过Style=””定义），那么a=1
2.b为ID选择器的总数
3.c为Class类选择器的数量。
4.d为类型选择器的数量
5.属性选择器，伪类选择器和class类选择器优先级一样，伪元素选择器和类型选择器一样
6.!important 权重最高，比 inline style 还要高
1.如果样式是行内样式（通过Style=””定义），那么a=1
2.b为ID选择器的总数
3.c为Class类选择器的数量。
4.d为类型选择器的数量
5.属性选择器，伪类选择器和class类选择器优先级一样，伪元素选择器和类型选择器一样
6.!important 权重最高，比 inline style 还要高
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
网易云信
2023-12-06 广告
UIkit是一套轻量级、模块化且易于使用的开源UI组件库，由YOOtheme团队开发。它提供了丰富的界面元素，包括按钮、表单、表格、对话框、滑块、下拉菜单、选项卡等等，适用于各种类型的网站和应用程序。UIkit还支持响应式设计，可以根据不同...
点击进入详情页
本回答由网易云信提供
展开全部
CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。
1.如果样式是行内样式（通过Style=””定义），那么a=1
2.b为ID选择器的总数
3.c为Class类选择器的数量。
4.d为类型选择器的数量
5.属性选择器，伪类选择器和class类选择器优先级一样，伪元素选择器和类型选择器一样
6.!important 权重最高，比 inline style 还要高
1.如果样式是行内样式（通过Style=””定义），那么a=1
2.b为ID选择器的总数
3.c为Class类选择器的数量。
4.d为类型选择器的数量
5.属性选择器，伪类选择器和class类选择器优先级一样，伪元素选择器和类型选择器一样
6.!important 权重最高，比 inline style 还要高
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div class="case1" id="case2"></div>
<style>
.case2{样式内容}
#case2{样式内容}
</style>
在结构想相同情况下ID优先级要高于 CLASS
ID是唯一的。 CLASS一个页面可以出现很多个
<style>
.case2{样式内容}
#case2{样式内容}
</style>
在结构想相同情况下ID优先级要高于 CLASS
ID是唯一的。 CLASS一个页面可以出现很多个
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。
1.如果样式是行内样式（通过Style=””定义），那么a=1
2.b为ID选择器的总数
3.c为Class类选择器的数量。
4.d为类型选择器的数量
5.属性选择器，伪类选择器和class类选择器优先级一样，伪元素选择器和类型选择器一样
6.!important 权重最高，比 inline style 还要高
1.如果样式是行内样式（通过Style=””定义），那么a=1
2.b为ID选择器的总数
3.c为Class类选择器的数量。
4.d为类型选择器的数量
5.属性选择器，伪类选择器和class类选择器优先级一样，伪元素选择器和类型选择器一样
6.!important 权重最高，比 inline style 还要高
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在 CSS中 id 高于class 但id是唯一的只能出现一次 在出现没任何效果 和作用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
