css 经常使用的选择器(包括scss/less)后续会继续补充

  1. {

      {
    
      }
    

    }

非常常见,越往里说明辈份越小

  1. div:nth-child(n) div第n个孩子 这个n是从1开始的哦

类似的有 p:first-child last-child等

假设n为3这个有个需要注意的点:第三个p 和第三个span都会生效

只要是第三个并且他的父亲是div就会生效

3 .想要第三个p生效但是第三个span不生效,可以使用>:nth-child(n).

代表亲儿子

4 .&

.a {

  &.b {}

}

这个类似 .a.b{} 是同级的哦 作用在一个元素上的

.a .b{}中间有空格这个b是a的子元素。

4.常见的div 元素选择器 #hhh .hhh id选择器不常用哦 开发中类选择器用的很多
贴一个写的很好的总结,(如有侵权可以告诉我我删除哈)共同学习 嘿嘿嘿
https://blog.csdn.net/b954960...

你可能感兴趣的