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 {
fill: none;
stroke: #ccc;
stroke-width: 1px;
}

Answer 1

您可以尝试使用path.link而不是.link路径作为选择器

Answer 2

您的SCSS将应用于path元素，该元素是具有类link的元素的子元素。在您的情况下，path元素是具有link类的元素。所以，你的SCSS应该是这样的：

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