Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在css文件中编写ruby代码

如何在css文件中编写ruby代码
EN

Stack Overflow用户
提问于 2010-07-21 15:49:13
回答 5查看 4.2K关注 0票数 3

我有一个rails应用程序,其中我需要一个css文件,它的属性可以通过ruby代码进行更改。例如。返回背景颜色%>的background_color :<%=拼音代码

因此用户可以设置其css属性,并将像主题一样仅适用于该用户。

谢谢!

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2010-07-21 16:05:43

查看这个截屏视频,它解释了如何使用ERB ( Rails模板系统) http://nubyonrails.com/system/images/css-erb-small.mov设置动态CSS文件。

票数 0
EN

Stack Overflow用户

发布于 2014-04-22 10:03:53

你不能/不应该这样做。您将预编译您的资产,因此无法动态适应不断变化的变量。这是一个不好使用的模式。

一种更简单的方法是在您的元素(body)上添加一个类.active .inactive。或者在你的头脑中输出内联css,用于自定义颜色等,这取决于登录的用户。

你想做什么?这听起来像是你在检查自己是在生产还是在开发?在这种情况下,你可以这样做:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<body class='<%= "development" if Rails.env == 'development' %>'>

甚至是

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<body <%= "style='background-color: red;'" if Rails.env == 'development' %>

你永远不需要在css和javascript中使用ruby,如果你发现自己在这么做,你可能用了错误的方法。至少这是我在多次尝试做好这件事后发现的。

你可以在你的脑海中这样做:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<style>
    .user .name{
       color: <%= current_user.chosen_color %>;
    }
</style>

附注:数据属性是将变量等传递给javascript的一种非常有效的方法

第2页。这是我在这里的答案的改编:Creating scss variable in config.rb for scss files我认为它也适用于任何来这里的人,所以我也在这里回答了。

票数 3
EN

Stack Overflow用户

发布于 2010-07-21 15:57:14

另外,请看一下http://lesscss.org/

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3301195

复制
相关文章
如何在小程序wxml文件中编写js代码
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 wxs可以说就是为了满足能在页面中使用js存在的,在wxml页面中,只能在插值{{ }}中写简单的js表达式,而不能调用方法,例如直接在wxml页面中直接保留数据的小数点的后两位。 通常的解决办法是在page的data对象中先把这个数据截赋给某个变量,然后在页面中使用这个变量,但是问题又来了,如果变量多了呢,是不是要定义很多次。
honey缘木鱼
2018/08/22
3.9K0
如何在小程序wxml文件中编写js代码
你如何在 Python 中编写自动售货机代码?
每个物料的产品 ID、产品名称和产品成本属性将存储在字典中。当前为空但稍后将填充所有选定项的列表。
很酷的站长
2023/02/22
1.7K0
你如何在 Python 中编写自动售货机代码?
如何在 Bash 中编写函数
在编程时,实际上是在定义要由计算机执行的 过程(procedure)或 例程(routine)。一个简单的类比是将计算机编程与烤面包进行比较:你一次列出了要组建工作环境的配料,然后列出了烤面包所必须采取的步骤。在编程和烘烤中,必须以不同的间隔重复执行某些步骤。例如,在烤面包中,这可能是酵母培养的过程:
用户1880875
2021/09/15
1.8K0
如何在 Bash 中编写函数
在编程时,实际上是在定义要由计算机执行的 过程(procedure)或 例程(routine)。一个简单的类比是将计算机编程与烤面包进行比较:你一次列出了要组建工作环境的配料,然后列出了烤面包所必须采取的步骤。在编程和烘烤中,必须以不同的间隔重复执行某些步骤。例如,在烤面包中,这可能是酵母培养的过程:
用户1880875
2021/09/16
1.8K0
如何在Bash中编写循环?
人们想要学习Unix shell的一个常见原因是释放批处理的功能。如果要对许多文件执行某些操作,一种方法是构造一个遍历这些文件的命令来实现。在编程术语中,这称为执行控制,最常见的示例之一是for循环。
用户6543014
2020/02/21
2.5K0
如何更优雅的编写CSS代码
直白的说:编写优秀的 css 代码可能是很痛苦的。很多程序员都不想从事 CSS 开发—我可以做任何事情,除了css以外。
icepy
2019/10/08
1.9K0
如何更优雅的编写CSS代码
【DB笔试面试511】如何在Oracle中写操作系统文件,如写日志?
可以利用UTL_FILE包,但是,在此之前,要注意设置好UTL_FILE_DIR初始化参数。
AiDBA宝典
2019/09/30
28.8K0
【DB笔试面试511】如何在Oracle中写操作系统文件,如写日志?
如何在vue组件中引入外部的css和js文件[通俗易懂]
在使用vue框架开发时,我们都知道一个组件中可以同时写HTML、css、js代码,只需三个标签而已,如下:
全栈程序员站长
2022/11/09
8.8K0
Ruby常用文件操作
初学Ruby,很多需要学习,现在开始尝试使用Ruby来写一个脚本,其中用到了很多文件相关的操作,这里阶段地整理一些。便于后续的再次查找。
技术小黑屋
2018/09/04
5660
20个编写现代CSS代码的建议
不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习:
用户7365393
2021/09/19
3780
编写优秀 CSS 代码的 8 个策略
1qjnmmn gbhjnhbgfsjkgff 编写基本的CSS和HTML是我们作为Web开发人员学习的首要事情之一。然而,我遇到的很多应用程序显然没有人花时间真正考虑前端开发的长久性和可维护性。 我认为这主要是因为许多开发人员对组织CSS / HTML和JavaScript的策略缺乏深刻的理解。 在我和我们团队的观念中,编写可维护的前端代码非常重要。尽管我们有一些使用了多年的客户端,但要记住你永远不会是唯一一个工作于应用程序的人。仅仅因为你的一次性元素和配置对你有意义,并不意味着它们对下一个可能继承应用
企鹅号小编
2018/02/05
1K0
编写优秀 CSS 代码的 8 个策略
20个编写现代CSS代码的建议
不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习:
青梅煮码
2023/03/02
4020
20个编写现代CSS代码的建议
Octopress中嵌入ruby代码如何不被解析
用Octopress写博客即将快一年了,感觉自己用的还可以,并且借此熟练使用了Markdown,但是前几天写一篇关于如何在Octopress中集成多说评论的文章的时候,遇到了一个代码高亮的问题,就是如何处理代码块的问题。
技术小黑屋
2018/09/04
4520
ruby连接mysql代码
3. sudo apt-get install libmysqlclient-dev
用户8983410
2021/11/01
1.4K0
如何运行ruby代码
第一种,ruby -e 在命令行中运行下面命令,-e的意思是,把后面的字符串当作脚本执行 ruby -e "print 'hello'" 使用irb交互控制台 在命令行输入irb hello worldxingoo@xingoo-Lenovo:~/workspace/RubyTest$ irb irb(main):001:0> p "hello" "hello" => "hello" irb(main):002:0> p "中文hello" "中文hello" => "中文hello" irb(main):
用户1154259
2018/01/17
1.4K0
java调用ruby代码
问题: 最近在做一个应用的时候碰到了一个问题。客户端需要调用服务器端传回的脚本信息,然后执行。其中脚本类型包括ruby。而java中调用ruby的代码大致如下: 1 String jrubyCode="puts 'hello world'"; 2 ScriptEngineManager manager = new ScriptEngineManager(); 3 ScriptEngine engine = manager.getEngineByName("jruby"); 4 engine.eval(jru
SecondWorld
2018/03/14
2.3K0
java调用ruby代码
Ruby测试小代码[计算50以内的素数]
算法思想 判断某一个数,能不能被比他平方根小的素数整除。 首先看看代码 $arr = [] $arr[0] = 2 def add_prime(n) 3.step(n,2){|num| $ar
用户1154259
2018/01/17
5750
如何在 Ubuntu 20.04 上安装 Ruby
本文最先发布在: https://www.itcoder.tech/posts/how-to-install-ruby-on-ubuntu-20-04/
雪梦科技
2020/05/26
4.9K1
如何在 Ubuntu 20.04 上安装 Ruby
点击加载更多

相似问题

css代码中的css代码编写代码

15

如何在jsp文件中编写的servlet代码中应用css文件?

113

如何在ruby on rails 3中编写js代码

13

如何在ruby on rails上的XLS文件中编写复杂的代码

11

如何在js文件中编写ruby方法

14
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文