scss/less/sass vs<有哪些优点?php header(“内容类型:text/css”);

sass可以处理的不仅仅是变量。如果你认为这是sass的唯一/主要好处,

你 really want to dig into the docs a bit more .

首先,最有用的特性之一是允许嵌套,而本机css不允许嵌套。这使您可以按逻辑方式对规则进行分组,因此:

#main {
    // some rules
}

#main .p {
    // some more rules
}

变得更干净(更重要的是, 更清晰 从逻辑/可读性的角度来看:

#main {
    // some rules

    p {
        // some rules just for paragraphs
    }
}

它还可以方便地将伪类与其元素进行逻辑分组:

a {
    // some rules

    &:hover {
        // some rules just for the hover
    }
}

同样的方法也可以用于媒体查询。非常方便:

#foo {
    // some rules

    @media screen and (max-width: 320px) {
        // some media queried rules
    }
}

或者对于数学,php不能本机处理(下面是一个显然是人为的例子,但是这类事情 可以 非常有用):

width: 1px + 1px + 1px;

颜色数学:

>> #777 + #777
#eeeeee

有很多种 built-in functions 你必须在php中复制。根据我的经验,彩色的可能很有用。

最后一点:我看到的大多数人都将php作为css路由,但不会对其进行任何缓存,这就要求php每次都生成css。sass编译为 静止的 文件,这在服务器上更容易。