Sass - &引用父选择器

Sass - &引用父选择器

描述:
您可以使用＆字符选择父级选择器。 它告诉父选择器应该插入的位置。
例一：&在前

h3 {  
  font-size: 20px  
  margin-bottom: 10px  
  &.some-selector {  
    font-size: 24px  
    margin-bottom: 20px  
  }  
} 

输出CSS：

h3 {  
  font-size: 20px;  
  margin-bottom: 10px;  
}  
h3.some-selector {  
  font-size: 24px;  
  margin-bottom: 20px;  
}  

例二：&在后

h3 {  
  font-size: 20px  
  margin-bottom: 10px  
  .some-parent-selector & {  
    font-size: 24px  
    margin-bottom: 20px  
  }  
}  

输出CSS：

 h3 {  
  font-size: 20px;  
  margin-bottom: 10px;  
}  
.some-parent-selector h3 {  
  font-size: 24px;  
  margin-bottom: 20px;  
}  

CSS的父选择器

父选择器：筛选选择器2 的父元素 选择器1

• 语法： 选择器1 > 选择器2{}