2、id选择器 #id属性值{ }
3、类选择器 .class属性值{ }
4、选择器分组(并集选择器)
作用：通过它可以同时选中多个选择器对应的元素(通常用于集体声明)
语法：选择器1，选择器2，选择器n{ }
5、复合选择器(交集选择器)
作用：选择更准确更精细的目标元素并为其设置属性
语法：选择器1选择器2选择器n{ }
!注意选择器之间不能有空格，要紧挨在一起
6、通配选择器
作用：用来选中页面中所有的元素
语法：*{ }
7、后代元素选择器
作用：选中指定元素的指定后代元素
语法：祖先元素 后代元素{ }
8、子元素选择器
作用：选中指定父元素的子元素
语法：父元素>子元素
9、伪类选择器
伪类表示元素的一种特殊状态
:hover 移入时元素的状态
:visited 已被访问过后的元素的状态
:active 被点击时元素的状态
10、 属性选择器
作用：根据元素中的属性或属性值来选取指定元素
语法：[属性名]选取含有指定属性的元素
? [属性名=“属性值”]选取含指定属性值的元素
? [属性名^="属性值"] 选取属性值以指定内容开头的元素
? [属性名$="属性值"] 选取属性值以指定内容结尾的元素
? [属性名*="属性值"] 选取属性值包含指定内容的元素
11、兄弟元素选择器
+选择器
作用：选中一个元素后紧挨着的指定的兄弟元素
语法：前一个+后一个(作用在后一个)
~选择器
作用：选中后边所有的制定兄弟元素
语法：前一个~后边所有
css和jquery有什么区别？
jQuery
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
CSS （层叠样式表）
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
学习web前端开发？
前言
学习Web前端开发，需要的基本条件就是一根网线+一台电脑。对于想要学习Web前端的同学，可以按以下步骤来进行学习。
熟悉HTML
HTML就犹如人的骨架，是一个页面的基本组成。HTML所需要学习的内容就是HTML标签。标签都是由开始标签和结束标签构成，同时标签也会有一系列的属性。如下所示：
运行效果如下所示：
推荐阅读书籍《HTML＆XHTML权威指南》
熟悉CSS
CSS犹如人的肤色，CSS用来确定HTML标签各位置的摆放以及界面的视觉效果，比如标签的大小，字体颜色等设置。代码示例如下：
运行效果如下：
推荐阅读书籍《CSS权威指南》
熟悉JavaScript
JavaScript犹如人的血液，正因有了血液的流动，人才有活力，正因有了JavaScript，页面才有了交互。代码示例如下：
运行结果如下：
JavaScript推荐阅读数据《JavaScript高级程序设计》
组件库和JavaScript框架
有了前面三步，大家就掌握了Web前端开发的基础了。但在实际工作开发中，为了提高开发工作效率，大家还需要掌握一套组件库和对应的JavaScript框架。
较为流行的组合有两大类：element组件库+Vue框架 和 Ant Design组件库 + React框架。但在国内的公司当中，element组件库 + Vue框架的这种组合使用更多一些，所以也推荐初学者可以先掌握Element组件库 + Vue框架的方式来进行学习。
总结
以上就是学习Web前端的步骤和相关资料，希望能帮到有想法进入Web前端的小伙伴们。如有其他疑问，也可关注私信与偶。如果觉得问题文章不错，欢迎大家关注转发哦！
关注偶，不定期分享好玩科技知识，带大家一起体会探索科技的那份独有思考和乐趣。
css3选择器怎么选择第3个？
li:nth-child(3n+0)
{
background:#ff0000;
}
