css选择器的类型有哪些

这篇文章主要介绍“css选择器的类型有哪些”，在日常操作中，相信很多人在css选择器的类型有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”css选择器的类型有哪些”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

1、简单选择器，css选择器最底层的结构，组成了简单选择器。

简单选择器可以分为以下几种类型：

通配符*，*选择器可以命中所有的 html 元素

标签选择器（Type），命中如 div、span、p 等 html 元素标签

id 选择器，以#号开头，如 #abc 命中 html 中元素属性名为“id”，属性值为“abc”的元素

2、复合选择器，如果组成复合选择器的简单选择器中有标签选择器，则必须要让标签选择器置于最前方的位置。

伪类和伪元素需要放在最后面。

3、复杂选择器是用复合选择器和连接符来组成。

产生式可以表述为：

<复杂选择器> = <复合选择器> [ "space" | ">" | "~" | "+" | "||"] <复合选择器>

到此，关于“css选择器的类型有哪些”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！