Angular2 NG-コンテンツSCSSネストされたスタイルとStyleUrls：ホスト

Question

私は例えば:host >>>

を使用する場合、私は、ネストされたSCSSやStylesUrlを使用することができないことと、私が発見したng-contentを使用するコンポーネントを構築しています：

:host >>> .toolbar-brand{ 
    color: red; 
    font-weight: 500; 
    text-decoration: none; 
    font-size: 16px; 
    text-transform: uppercase; 
} 

:host >>> .nav-bar-menu-options.hlink, .nav-bar-menu-options.drop-down{ 
    font-weight: 500; 
    text-decoration: none; 
    position: relative; 
    top: -6px; 
    font-size: 16px; 
    text-transform: uppercase; 
    padding: 0 10px 0 10px; 

    &.has-divider { 
    border-right: 1px solid #b0bec5; 
    } 

} 

:host >>> .nav-bar-menu-options.hlink:hover { 
    text-decoration: underline; 
    cursor: pointer; 
} 
:host >>> .fill-remaining-space { 
    flex: 1 1 auto; 
} 
:host >>> .search-link { 
    cursor: pointer; 
} 

:host >>>.search-input-container{ 
    position:relative; 

    .search-link{ 
    position: absolute; 
    top: 3px; 
    left:30px; 
    } 
} 

:host >>> .my-input{ 
    border-left: 1px solid #b0bec5; 
    padding: 11px 75px 11px 60px; 
    background: transparent; 
    outline:none; 
    margin-left: 20px; 
    width: 100%; 
    &::placeholder { 

    } 
} 

私.has-divider &私のネストされた.search-linkは動作しませんし、また、私は.scssファイル内のコンテンツを配置し、styleUrlsを使用する場合、なぜそれが:hostでは動作しません、なぜ誰も私を伝えることができます。これは期待されているか、多分私は理想的にはまだからネストされたSCSSを使用できるようにしたいと思いバグ

と外部SCSSファイル

Answer 1

>>>はSASSの問題を引き起こすことが知られています。代わりに/deep/