Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="grands-parent">
  <div class="parent">
    mom
    <div class="anak-1">
      child
    </div>
  </div>
</div>

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.grands-parent{
  width: 800px;
  height: 300px;
  border: 1px solid green;
  position: static;
  .parent{
    width: 500px;
    height: 200px;
    border: 1px solid red;
    // position: relative;
    .anak-1{
      position: absolute;
      top: 0;
      right: 0;
      width: 80px;
      height: 80px;
      border: 1px solid blue;
    }
  }
}

SassMeister-output.css

.grands-parent {
  width: 800px;
  height: 300px;
  border: 1px solid green;
  position: static;
}
.grands-parent .parent {
  width: 500px;
  height: 200px;
  border: 1px solid red;
}
.grands-parent .parent .anak-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  border: 1px solid blue;
}

SassMeister-rendered.html

<div class="grands-parent">
  <div class="parent">
    mom
    <div class="anak-1">
      child
    </div>
  </div>
</div>