1、通配选择符（ * ）：匹配任意元素。
2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、标签选择符（div, h1, p）：选择指定元素名称的所有元素。
5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。
6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是 <ul> 元素的每个 <li> 元素。（学习视频分享：css视频教程）
7、后代选择符（E F）：用于选取元素内部的元素。
8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。
@ CSS选择器权重如何计算？
很古老的话题了
id=100
class=10
tag（标签）=1
按照这个规律去计算，比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一个的权重要比第二个要高。另外关于权重的扩展知识面，偶推荐了解下BEM命名规则，这个观念很好，可以从侧面杜绝权重问题的产生，还有一个就是提高权重的方法 !important;
@ css样式中spry是什么意思？
定义 Spry 框架是一个 JavaScript 库，Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。有了 Spry，就可以使用 HTML、css 和极少量的 JavaScript 将 XML 数据合并到 HTML 文档中，创建构件（如折叠构件和菜单栏），向各种页面元素中添加不同种类的效果。在设计上，Spry 框架的标记非常简单且便于那些具有 HTML、CSS 和 JavaScript 基础知识的用户使用。Spry 框架主要面向专业 Web 设计人员或高级非专业 Web 设计人员。它不应当用作企业级 Web 开发的完整 Web 应用框架（尽管它可以与其它企业级页面一起使用）。Spry可以使用XML和JSON两种格式的数据源。 有关 Spry 框架的详细信息，Spry 构建 Web 页的教程，请访问其网站编辑本段Spry框架的目标
1）保持开放 Spry工作在所有的HTML编辑器上，包括Dreamweaver。任何人都可以从Adobe Labs下载它，开始建立高性能的交互式Web页面和应用程序。无需授权或服务端代码支持。
2）易于使用 Spry使用了同建立Web页面相同的技术，如HTML，CSS和JavaScript，包括几个JavaScript库。使用同样的技术来创建和设计动态区域和交互式的工具，可以象其它HTML元素一样在页面上使用。
3）能够创新（innovation） Spry提供了轻量级的强有力的模型，如增加数据、交互性，丰富的UI工具，促使你完全控制设计。 Spry同时为Web设计者和开发者而创建。 它的指导原则： 1）工作在Web产品上，集中精力于Web UI和x(HTML)产品 2）x(HTML)和CSS专家 3）熟悉JavaScript和DOM
4）关心代码的质量
5）想创建下一代的Web页面。 要求： 1）保持框架熟悉、轻量级和透明性 2）保持框架最小（以页为中心Page-Centric） 3）看起来象HTML的自然扩展 4）和其它技术的整合 提供更好的设计开发工作流 1）促使设计时的数据和内容的分离 2）支持”design-time XML” 3）框架易于均衡design-time工具
@ 为什么看到有的前端工程师将css每个选择器里的内容写成一行？
应该是个老程序猿，之前css压缩没有实现的时候，通过缩短选择器嵌套，人工进行压缩就出现了这个。而且没有less，scss开发的时候这种情况更甚，不过有了这些便捷的开发方式也希望去注意一点嵌套层数。
推荐项目工程呢还是用less，scss开发比较好，css文件开发期就是被编译的压不压缩无所谓了。
推荐楼主使用 vs code 这个编辑器 非常好用的东西。如果你要发展全栈或者学习node，这个玩意儿绕不开1
