具有嵌套SCSS结构中的类或数据选择器的目标根元素

.container {
  background-color: #f0f0f0;
  padding: 20px;

  .header {
    font-size: 24px;
    color: #333;

    &__logo {
      width: 100px;
      height: auto;
    }
  }

  .content {
    margin-top: 20px;

    p {
      font-size: 16px;
      line-height: 1.5;
    }
  }
}

.container {
  background-color: #f0f0f0;
  padding: 20px;
}
.container .header {
  font-size: 24px;
  color: #333;
}
.container .header__logo {
  width: 100px;
  height: auto;
}
.container .content {
  margin-top: 20px;
}
.container .content p {
  font-size: 16px;
  line-height: 1.5;
}

.container {
  background-color: #f0f0f0;
  padding: 20px;

  &__header {
    font-size: 24px;
    color: #333;

    &__logo {
      width: 100px;
      height: auto;
    }
  }

  &__content {
    margin-top: 20px;

    & p {
      font-size: 16px;
      line-height: 1.5;
    }
  }
}