这篇文章主要介绍“css的选择器有哪些”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“css的选择器有哪些”文章能帮助大家解决问题。
1、id选择器（优先级最高 0100）
如：#id{...}
2、类选择器（优先级次之 0010）
如：.class{...}
3、标签选择器 （优先级最低 0001，涉及最广）
如: div{...}
1、后代选择器（选择器名称之间采用空格隔开）
如：#wrap p{...id为wrap下的所有p标签....}
2、子代选择器（选择器名称之间采用大于号'>'进行连接）
如：#wrap>p{...id为wrap下的子代p标签.....}
3、组合选择器(选择器名称之间采用逗号'，'隔开)
如：#wrap , .con p{...id 为 wrap 和类名为 con 下的 p 标签 都采用此选择器....}
组合选择器的意思是：满足选择器规则的多个标签都采用同一种 css 样式
1、通配符选择器（极少使用，意义不大）
如：*{.......}
2、毗邻选择器（也叫相邻选择器，使用概率大，使用加号“+”连接两个选择器）
如：.con+p{...类名为 con 的兄弟 p 标签满足此条件，注意是兄弟级标签，子级标签不行.....}
3、伪类选择器
如：.clearfix:after{.....作用于类名为 clearfix 的标签后的子标签......}
4、属性选择器
暂定讲解
5、解释一下 div .wrap 和 div.wrap 的区别。
注意：div .wrap 和 div.wrap 的书写区别在于 div 和 .wrap 之间是否有空格。
(1)有空格的 div .wrap 选择器，就是我们前面介绍的后代选择器，意思是：div 标签下的所有类名为 wrap 的标签符合筛选。
(2)没有空格的 div.wrap 是直接相连的，意思是:标签名为 div 且类名 为wrap 的符合筛选
如：div.con#box{...“类名为 con 且 id为 box”的 div 标签符合筛选....}
关于“css的选择器有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
