常见选择器

Id选择器（同一页面不能重名）#
类选择器 .
标签选择器 p
包含选择器 .box p
群组选择器 ,
通配符 *

选择器的优先级
1.选择器优先级一致的情况下，后面的样式会覆盖前面的样式
2.行间样式>id选择器>class选择器>标签选择器 | 伪类 |属性>伪元素>通配符

包含选择器和群组选择器比较：
包含选择器优先级可以叠加(优先级可以相互抵消)
群组选择器优先级不叠加

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • css选择器、css的书写规范
    1.class 和 id 的使用场景? 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也...
    草鞋弟阅读 7,160评论 0赞 1
  • CSS选择器
    1.class 和 id 的使用场景? 两者都能选取DOM节点并给DOM节点添加样式，但是W3C标准里规定页面中只...
    饥人谷_米弥轮阅读 3,188评论 0赞 1
  • 任务八~CSS选择器
    一、CSS选择器常见的有几种? 基本选择器 通配选择器~选择文档中所有的html元素，用一个*表示 元素选择器~选...
    dengpan阅读 4,507评论 0赞 3
  • 前端新手常见问题（四）-CSS选择器
    class 和 id 的使用场景? class属性： 指定标签的类名，CSS操作中，把一些特定的样式放到一个类中，...
    我要认真学前端阅读 4,615评论 0赞 0
  • CSS选择器与优先级
    其实平时用得多的选择器无非也就是那么几个，时间久了，许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器，今...
    盛夏晚清风阅读 5,826评论 0赞 5