scssクラスが適用されていません

Question

私は最近、フロントエンド開発に移り、SASSを導入しました。私はCSSクラスリンクに次のプロパティを適用しようとしていますが、コンポーネントはプロパティを取得していません。どんな入力も高く評価されます。

HTML：

<div _ngcontent-ype-26="" id="body"> 
    <svg width="1440" height="538"> 
    <g transform="translate(240,20)"> 
     <path class="link" d="M 180 114.92307692307692 
       C 90 114.92307692307692, 
        90 229.84615384615384, 
        0 229.84615384615384"> 
     </path> 
    </g> 
    </svg> 
</div> 

SCSSファイル：あなたのセレクタとしての代わり.linkパスのpath.linkを試みる場合があります

.link path { 
fill: none; 
stroke: #ccc; 
stroke-width: 1px; 
} 

Answer 1

Answer 2

あなたSCSSがpath要素に適用されることクラスlinkの要素の子です。あなたの場合、pathの要素は、linkクラスの要素であるです。したがって、SCSSは次のようになります。

path.link { 
    fill: none; 
    stroke: #ccc; 
    stroke-width: 1px; 
}