Rails gem ancestry親子階層の表示方法

Question

railsのgemである、Ancestryにて多階層カテゴリーを実装しており、seed.rbに階層を記述し、DBにも入りました。それらをビューにて表示させる際、下記のようにhamlに記述しましたが、親子孫が連続して縦に表示されております。
まず最初の段階として、親（parent)だけ表示させるにはSCSSにどのように記述すれば良いでしょうか？
子孫は親のみの表示が完成してから、実装しようと考えております。

大変ややこしい記述で申し訳ございませんが、ご教示頂けますと幸いです。

Hamlの記述↓

%li.header__inner__nav__left__category
        = link_to "#" do
          カテゴリー
        %ul.header__inner__nav__left__category__treeContainer
          %li.header__inner__nav__left__category__treeContainer__parent
            - @parents.each do |parent|
              = link_to "#{parent.name}", class: "parent_category",id: "#{parent.id}"
              %li.header__inner__nav__left__category__treeContainer__parent__children
                - parent.children.each do |child|
                  = link_to "#{child.name}", class: "child_category",id: "#{parent.id}"
                  %li.header__inner__nav__left__category__treeContainer__parent__children__grandchildren
                    - child.children.each do |grandchild|
                      = link_to "#{grandchild.name}", class: "grandchild_category",id: "#{parent.id}"

SCSSの記述↓ &:hover &__treeContainer__parent の箇所がポイントかと思います。

 &__category{
          padding: 0;
          padding-right: 30px;
          &:hover &__treeContainer__parent {
          display:block; 
          }
          &__treeContainer{
            li{
              display:block;
            }
            display:none;
            position: absolute;
            z-index: 2;
            background-color: #fff;
            width: 240px;
            top: 30px;
            padding-right: 3px;
            border-bottom: 1px solid #f8f8f8;
            line-height: 32px;
            &__parent{
              position:relative;
              &:hover &__children{
                display:block;
                background-color:red;
                position:absolute;
                top:7px;
                left: 236px;
                width: 240px;
                height: 417px;
              }
              a{
                display:block;
                
              }
              &__children{
                &:hover &__grandchildren{
                  display:block;
                  background-color:pink;
                  position:absolute;
                  z-index:3;
                  top: 0px;
                  left: 241px;
                  width: 240px;
                  height: 417px;
                }
                display:none;
                &__grandchildren{
                  display:none;
                }
              }
            }

            
          }
        }