前面已经提到过要将样式(css)和结构(html)粘连起来,需要用到粘接剂,即选择器,而随着技术的发展,后面出现了一些更方便实用的选择器,接下来做一下补充:
1,后代选择器(父子/派生选择器),结构为:M N,意为选择M元素内部后代的N元素(所有N元素);
2,子代选择器(直接子元素选择器),结构为:M>N,意为选择M元素内部子代的N元素(所有第1级N元素);
3,兄弟选择器,结构为:M~N,意为选择M元素后所有的兄弟元素且是N元素的元素;
4,相邻选择器,结构为:M+N,意为选择M元素相邻的下一个(仅一个)N元素(M、N是同级元素);
还有常见的并列选择器,分组选择器等。
最后是一些在vscode中常用的快捷键,对于新手很实用:
- ctrl + , 打开设置
- F1 打开命令
- ctrl + x 删除整行(没有框选),剪切(框选)。
- alt + shift + ↓ 向下复制当前内容
- ctrl + 回车 直接向下新建一行
- ctrl + shift+ 回车 在上方新建一行
- 鼠标中键框选 自由框选
- ctrl + d 选中下一个相同内容