Question

好的，我有这两个文件style.css（在内容下）和style.scss（在saas下）。我将对style.css文件中所做的所有更改应用于style.scss。所以我的问题是我是否可以使用scss样式而不是style.css文件来编译我的项目。

假设我在style.css

中有这个

input[type='text'].rate-field
{
    border: 0;
    width: 20px;
    height: 24px;
    line-height: 24px;
    font-size: 14pt;
    font-weight: bold;
    padding: 0 0 0 6px;
}

input[type='text'].small-number
{
    width: 16px;
}

input[type='text'].watermark
{
    color: #ddd;
}

input[type='text'].datepicker
{
    width: 80px;
}

，这在style.scss

中

input[type='text'] {
  &.rate-field {
    border: 0;
    width: 20px;
    height: 24px;
    line-height: 24px;
    font-size: 14pt;
    font-weight: bold;
    padding: 0 0 0 6px;
  }
  &.small-number {
    width: 16px;
  }
  &.watermark {
    color: #ddd;
  }
  &.datepicker {
    width: 80px;
  }
}

如果我在style.css中注释所有样式并使用scss编译

，现在我可能会在页面上获得相同的所需样式

Answer 1

SASS的一般想法是你写一个名为（例如）style.scss。

的文件

然后将该文件（使用预处理器，如PrePos）编译到输出文件style.css中。

然后将此文件上传到您的网络服务器。

您永远不需要更改文件style.css，您所做的任何编辑都将是style.scss，然后进行编译。

最初，当您从.css转换为.scss时，我会制作原始CSS的备份副本以供参考，然后编译到SCSS并检查该网站是否相同，从而证明您的SASS是正确的。

运行sass编译器并检查是否应用了样式

1 个答案: