Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/visual-studio-2010/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 干掉我的CSS,但是想保留基本的CSS语法吗_Ruby On Rails_Css_Sass - Fatal编程技术网

Ruby on rails 干掉我的CSS,但是想保留基本的CSS语法吗

Ruby on rails 干掉我的CSS,但是想保留基本的CSS语法吗,ruby-on-rails,css,sass,Ruby On Rails,Css,Sass,开始一个新的rails项目,我们有一个经过深思熟虑的调色板,并希望在一个地方捕捉到它。我通常在CSS中保留颜色,但我发现我最终在许多不同的选择器中使用相同的颜色,因为它显示为背景色、颜色、边框颜色等。我有时还需要访问Javascript中的颜色。只要定义一次每种颜色就好了 因此,我只想以一种在CSS和Javascript中可重用的方式定义我的调色板,但我不想一直使用SASS,完全放弃CSS语法 是否已经有一个rails插件允许这样做?我可以修补一个ERB类型的解决方案,但如果其他人有现成的解决方

开始一个新的rails项目,我们有一个经过深思熟虑的调色板,并希望在一个地方捕捉到它。我通常在CSS中保留颜色,但我发现我最终在许多不同的选择器中使用相同的颜色,因为它显示为背景色、颜色、边框颜色等。我有时还需要访问Javascript中的颜色。只要定义一次每种颜色就好了

因此,我只想以一种在CSS和Javascript中可重用的方式定义我的调色板,但我不想一直使用SASS,完全放弃CSS语法


是否已经有一个rails插件允许这样做?我可以修补一个ERB类型的解决方案,但如果其他人有现成的解决方案,我就不想这么做。

有一个名为{less}的新项目,听起来像是您正在寻找的:

似乎有一个类似css的语法。

有几个服务器端解析器,如less和SASS,但是如果你想在直接的CSS中使用palett的思维方式,你必须改变你的思维方式。定义颜色、字体等基本样式,并在标记级别应用多个类

[风格]

.color1{color:red}

.color2{color:blue}

.color3{color:green}

.bcolor1{color:red}

.bcolor2{color:blue}

.bcolor3{颜色:绿色}

[/style]

[tag class=“color1 bcolor2”]

这对我们来说非常有效。

另一种(纯CSS)方法可能是定义每种颜色一次,并将几个选择器与oe颜色定义关联,例如:

body,
p,
#foo,
.bar {color: #802369 }

当然,这消除了CSS的主要优点,消除了文档和样式之间的间接关系。我反对这一点,因为Doug给出了这样的理由(如果你想直接将类名与它们所代表的样式关联起来,那么最好使用内联样式)。但是,有一种相关的技术允许您使用有意义的选择器/类名并减少冗余样式-请参阅:(但请注意,这两种技术都不能满足ndp在不同样式之间共享颜色定义的愿望)。这与内联样式不同,您只是定义了一种指定的颜色,不是那种颜色。您正在通过类的组合有效地创建一个唯一的颜色类。把它想象成光明和黑暗。重新投票,因为这篇文章没有错或没有帮助。这是主观的,虽然我不同意这篇文章,但它并没有错。注意/更新:SASS已经放弃了受HAML影响的语法,转而使用CSS,比如大括号/大括号、分号和冒号(用于变量定义)。是的,在这一点上,SCSS格式显然是一个不错的选择——我已经在几个项目中使用过它。对于大量使用Javascript的应用程序,Csster()非常有效。它是Javascript对象文字格式的CSS实现,以及用于颜色管理的类似Sass的函数。这真的是你的,所以看看吧!