多语言展示
当前在线:343今日阅读:26今日分享:39

Sass(Scss)嵌套规则

Sass / Scss 的嵌套规则:选择器嵌套、属性嵌套、伪类嵌套、群组选择器嵌套等。
工具/原料
1

HBuilder(自动编译)

2

html,sass/scss

方法/步骤
1

选择器嵌套(选择器与css中选择器一致)(id选择器、类别选择器、标记选择器、并集选择器、交集选择器、后代选择器等)

   

2

属性嵌套:

       属性嵌套

3

伪类嵌套:

         
  • 伪类嵌套
  •      
  • 伪类嵌套
  •      
  • 伪类嵌套

4

父选择器标识符&:

5

并集选择器嵌套(群组选择器嵌套):

     

群组选择器嵌套

     

群组选择器嵌套

     

群组选择器嵌套

      群组选择器嵌套

6

选择器(>,+):' > ':下一级(父子)' + ':同一级下一个(兄弟)

     

选择器(>)

     
选择器(+)

注意事项

个人经验,如有不明白的地方可以提出疑问

推荐信息