关于css中的一些选择器-lz-4

83 阅读1分钟

前面已经提到过要将样式(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中常用的快捷键,对于新手很实用:

  1. ctrl + , 打开设置
  2. F1 打开命令
  3. ctrl + x 删除整行(没有框选),剪切(框选)。
  4. alt + shift + ↓ 向下复制当前内容
  5. ctrl + 回车 直接向下新建一行
  6. ctrl + shift+ 回车 在上方新建一行
  7. 鼠标中键框选 自由框选
  8. ctrl + d 选中下一个相同内容