Sass-父选择器？？？自身选择器

Posted 2020-09-28

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Sass-父选择器？？？自身选择器相关的知识，希望对你有一定的参考价值。

父选择器&

#outside{
    width: 61.8%;
    height: 200px;
    background-color: grey;
}

.inside{
    color: white;
    background: purple;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    display: block;
    &:hover{
        color: yellow;
    }
}

但是编译后是这样的

#outside {
  width: 61.8%;
  height: 200px;
  background-color: grey; }

.inside {
  color: white;
  background: purple;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
  display: block; }
  .inside:hover {
    color: yellow; }

说好的父选择器呢？这只是个自身的选择器啊

以上是关于Sass-父选择器？？？自身选择器的主要内容，如果未能解决你的问题，请参考以下文章

使用 Sass 将父选择器附加到末尾

Sass 使用与号 (&) 和类型选择器组合父级