（1）关系选择器
例如： h1>strong
说明：表示选择嵌套在h1标记的子标记strong。
（2）临近兄弟选择器
例如： h2+p
说明：表示选择h2标记后紧邻的第一个兄弟标记p。
（3）普通兄弟选择器
例如：p~h2
说明：表示选择p标记所有的h2兄弟标记
@ 为什么看到有的前端工程师将css每个选择器里的内容写成一行？
应该是个老程序猿，之前css压缩没有实现的时候，通过缩短选择器嵌套，人工进行压缩就出现了这个。而且没有less，scss开发的时候这种情况更甚，不过有了这些便捷的开发方式也希望去注意一点嵌套层数。
推荐项目工程呢还是用less，scss开发比较好，css文件开发期就是被编译的压不压缩无所谓了。
推荐楼主使用 vs code 这个编辑器 非常好用的东西。如果你要发展全栈或者学习node，这个玩意儿绕不开1
@ postcss和cssmodule是什么？
postcss是什么？
根据官网的解释，它是一种javascript编写的工具，用来转化css的。可以认为它是处理css的插件集合，需要配合诸如webpack、gulp等编译工具才能展现它强大的能力。
目前社区提供了非常多的插件，比较有名的如下：
autoprefixer 可以为css的属性配置兼容性的前缀，不需要手动添加postcss-preset-env 允许你使用更加现代的css特性stylelint 检查css语法错误cssnano css的压缩器等等postcss的原理
如果大家了解babel的原理，那就应该听说过AST即抽象语法树。编译器将字符串进行词法分析、语法分析，再做转换，最终达到预期的结果。postcss也是同样的原理，这个包已经为使用者提供了解析的方法parse，并且也提供了很多转化的API，利用这些就可以自己开发一款postcss插件了。
css Module是什么？
先前呢，大家使用css选择器，它是对整个页面是有效的，也就是全局的，当你每次迭代需求的时候，需要考虑每次添加新的css是否会影响到其他地方，所以大家有时选择为样式表添加命名空间。css Module为大家提供了另外一种开发方式，它可以使css具有局部作用域。
用法如下：
用法是如此的简单，基本一看就会，css-loader为大家提供了css Module的开关，只要为css-loader添加参数选项modules就可以开启。注意：它必须放在less或者sass的loader之前。
那它如何做到局部作用域的呢？
打开element面板可以发现，它把class变成了md5戳，对应每个组件，保持唯一。
vue的scoped
由此大家联想到vue的scoped，它也解决了css局部作用域的问题！
它在dom上生成了一个data属性，并且给class选择器添加了属性选择器，类似于之前的md5戳。不过由于添加了属性选择器，使得选择器的优先级变高了，想在组件外面覆盖css属性就变得不那么容易了！
喜欢偶的回答就关注偶吧，有问题可以发表评论，大家一起学习，共同成长！
@ webstorm常用代码？
webstorm的默認快捷鍵
ctrl+alt+L 格式化代码
Ctrl+B 快速打开光标处的类或方法
ctrl+/ 单行注释
ctrl+shift+/块注释
Ctrl+X 删除行
Ctrl+D 复制行
Ctrl+F 仅在本页查找
Ctrl+Shift+F从多个文件查找，可以自定义查找范围。
Ctrl+R 替换文本
Ctrl+N 查找类
Ctrl+Shift+N 查找文件
Alt+F7查找函数或变量在哪被使用
Shift+Shift 类，文件，配置项，快捷键，函数，路径等等都能搜索。
ctrl+shift+ +/-展开/折叠
ctrl + ‘.’: 折叠选中的代码的代码
ctrl+shift+ up/down 行移动,上下移动句子
Alt+回车 导入包,自动修正
Ctrl+Alt+O 优化导入的类和包
Alt+Insert 生成代码(如get,set方法,构造函数等)
Ctrl+E或者Alt+Shift+C 最近更改的代码
Ctrl+Shift+Space 自动补全代码
Ctrl+空格 代码提示
Ctrl+Alt+Space 类名或接口名提示
Ctrl+P 方法参数提示
Ctrl+Shift+Alt+N 查找类中的方法或变量
Alt+Shift+C 对比最近修改的代码
Shift+F6 重构-重命名
Ctrl+Shift+先上键
Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/…/ ）
Ctrl+J 自动代码
Ctrl+E 最近打开的文件
Ctrl+H 显示类结构图
Ctrl+Q 显示注释文档
Alt+F1 查找代码所在位置
Alt+1 快速打开或隐藏工程面板
Ctrl+Alt+ left/right 返回至上次浏览的位置
Alt+ left/right 切换代码视图
Alt+ Up/Down 在方法间快速移动定位
Ctrl+Shift+Up/Down 代码向上/下移动。
F2 或Shift+F2 高亮错误或警告快速定位
代码标签输入完成后，按Tab，生成代码。
选中文本，按Ctrl+Shift+F7 ，高亮显示所有该文本，按Esc高亮消失。
Ctrl+W 选中代码，连续按会有其他效果
选中文本，按Alt+F3 ，逐个往下查找相同文本，并高亮显示。
Ctrl+Up/Down 光标跳转到第一行或最后一行下
ctrl + F12: 可以显示当前文件的结构
ctrl + j: 输出模板
ctrl + b: 跳到变量申明处
ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
ctrl + []: 匹配 {}[]
ctrl + shift + ]/[: 选中块代码
ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
