css选择器的优先级是怎么样设定的
4个回答
展开全部
大方向是id为1000，class为100,元素为10，伪类为1，不过还有其它的，引入的，或页内，行内样式，都优先级是不一样啊，还有!important
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2018-07-25 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
三种基本的选择器类型
语法如下：
◆标签名选择器，如：p{}，即直接使用HTML标签作为选择器。
◆类选择器，如.polaris{}。
◆ID选择器，如#polaris{}。
注意，ID选择器跟类选择器有很大的不同：一个页面内不能出现相同的ID；再就是ID也是后台开发人员会经常用的，所以前端开发人员应该尽量少的使用。当然跟后台人员的工作配合十分娴熟之后，这些都不会成为限制。
扩展选择器
◆后代选择器，如.polaris span img{}，后代选贼器实际上是使用多个选择器加上中间的空格来找到具体的要控制标签。
◆群组选择器，如div,span,img{}，群组选择器实际上是对CSS的一种简化写法，只不过把有相同定义的不同选择器放在一起，省了很多代码。
选择器的优先级别
了解了各种选择器后，还有一个重要的知识点就是CSS选择器的优先级。这也就是为什么polaris会遇到文章开头的问题。举个简单的例子：
<div class="polaris">
<span class="beijixing">
beijixing
</span>
<span>
polaris
</span>
</div>
语法如下：
◆标签名选择器，如：p{}，即直接使用HTML标签作为选择器。
◆类选择器，如.polaris{}。
◆ID选择器，如#polaris{}。
注意，ID选择器跟类选择器有很大的不同：一个页面内不能出现相同的ID；再就是ID也是后台开发人员会经常用的，所以前端开发人员应该尽量少的使用。当然跟后台人员的工作配合十分娴熟之后，这些都不会成为限制。
扩展选择器
◆后代选择器，如.polaris span img{}，后代选贼器实际上是使用多个选择器加上中间的空格来找到具体的要控制标签。
◆群组选择器，如div,span,img{}，群组选择器实际上是对CSS的一种简化写法，只不过把有相同定义的不同选择器放在一起，省了很多代码。
选择器的优先级别
了解了各种选择器后，还有一个重要的知识点就是CSS选择器的优先级。这也就是为什么polaris会遇到文章开头的问题。举个简单的例子：
<div class="polaris">
<span class="beijixing">
beijixing
</span>
<span>
polaris
</span>
</div>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
当然是id了！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
