这篇文章主要介绍“css选择器的类型有哪些”,在日常操作中,相信很多人在css选择器的类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css选择器的类型有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
1、简单选择器,css选择器最底层的结构,组成了简单选择器。
简单选择器可以分为以下几种类型:
通配符*,*选择器可以命中所有的 html 元素
标签选择器(Type),命中如 div、span、p 等 html 元素标签
id 选择器,以#号开头,如 #abc 命中 html 中元素属性名为“id”,属性值为“abc”的元素
2、复合选择器,如果组成复合选择器的简单选择器中有标签选择器,则必须要让标签选择器置于最前方的位置。
伪类和伪元素需要放在最后面。
3、复杂选择器是用复合选择器和连接符来组成。
产生式可以表述为:
<复杂选择器> = <复合选择器> [ "space" | ">" | "~" | "+" | "||"] <复合选择器>
到此,关于“css选择器的类型有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。