Ruby on rails 如何使用这些基于ruby的CSS样式表框架语言？

我读到许多CSS相关的语言和工具需要ruby

• 这样做的目的是什么 语言和工具如何保存这些 时间和改进我们的CSS编码
• ruby语言在中的作用是什么 这些语言和工具
• 我需要安装和学习吗 ruby语言来使用这些语言和工具
• 我需要安装ruby吗 网站将位于何处的Web服务器 主持

我讲的是这些语言

这里提到的一些：

---

我在Windows XP PC上，如何使用这些基于Ruby的语言？首选哪种语言？我不懂ruby语言。

你的PC上不需要任何东西，这些东西应该安装在你的Web服务器上，你必须根据框架规则编写css代码

一旦您将webapp部署到服务器上，这些框架就会编译您的样式并将其转换为传统样式表

据我所知，他们主要是这样做的

锡南。

重点 css的这些语言（我更喜欢框架或扩展）的要点是将您的工作流合并到css中，从而节省您的时间。怎么做

让我们想象一下，你有一个div和class

一个长类来确定它做什么

，这个div有

h3

子类，

p

子类，

。其他一些类

子类和其他一些（

span

子类）

现在，如果您想为所有这些样式设置样式，您必须执行以下操作：

.some-long-class-to-be-sure-what-it-does { width: 120px; } 
  .some-long-class-to-be-sure-what-it-does h3 { font-size: 20px; }
  .some-long-class-to-be-sure-what-it-does p { margin-bottom: 30px; }
  .some-long-class-to-be-sure-what-it-does .some-other-class { width: 120px; }

向浏览器通知（即）仅

的
h3
。一些长类，以确保其功能

具有

字体大小：20px

对于大多数解析器/框架，您手头上都有嵌套（仍然只是一个示例）：

.some-long-class-to-be-sure-what-it-does {
  width: 120px; 
    @ h3 { font-size: 20px; }
    @ p { 
        margin-bottom: 30px;
        @ .subclass { color: red; }
      }
    @ .some-other-class { width: 120px; }
 }

这使你的css更小，更容易长期编辑（这是主观的，你可能会发现你更难处理）

此外，除了嵌套之外，它们还以其他方式扩展css：常量（将某些内容分配给@col1并在三个位置使用它，然后您决定需要更轻的内容…砰！您只需编辑一次）、标志、输出格式以及更多，所以我想您会找到使用它的方法

我们该怎么做呢
大多数情况下，您不会将其安装在PC上，而是安装在服务器上。与传统CSS不同的是，您使用已安装的CSS解析器/框架/语言链接您的站点，在每次调用时，这些解析器/框架/语言都会计算（或者使用缓存版本，如果可用）正常的CSS，但当您编辑它时，您会编辑CSS的简化/扩展版本

编辑：您不需要以用户身份将其安装到PC上，但需要将其安装到您的开发环境中。如果它是你电脑上的本地主机，那么是的，你可以将它安装在你的电脑上——但不是以用户的身份，而是安装在你本地运行的服务器上

红宝石？
我认为，对于ruby来说，css的这些扩展是第一个。但现在您也可以在其他语言中找到它-作为PHP程序员，我找到了Anthony Short的CSScaffold：

github，描述很少


脚手架的网站，目前处于脱机状态


编辑：它有什么用？
在这个示例中，您可以看到使用多个常量进行计数。这样，如果您更改
！侧栏
从
200px
到
300px
，css的每个部分都会随之重新计算。每个地方都提到这个常数，无论是单独的还是在计算中

另一个：
.NET中的SASS-

NET中的css更少-
因此，如果我的web服务器没有安装ruby，那么我就不应该浪费时间来使用和学习这些语言。回答不错@Adam Kiss，@metal gear solid是的，您的web服务器必须能够运行框架。在您的情况下，它必须有ruby，这里还有一个在Python上运行：@Adam-+1感谢您的解释。用常规样式编写css看起来更复杂。还需要其他语言的支持：ruby，php@metal.. - 是的，似乎是这样。但是从我的观点来看（作为一个每周花20多小时编辑css的网络开发者），我在这些框架中看到了一些我经常想到的东西——“如果css有这个功能”@Adam-“你不需要在你的电脑上安装它”，但我刚刚找到了这个教程，它说要在电脑上安装ruby。@Adam-你的意思是Anthony Short的CSScaffold不需要安装ruby。这些天我主要从事ASP.NET项目，所以我认为没有解决方案。这个Sass工具的有用之处是一个PHP版本的LESS-and-Wordpress插件