css - 使用 rails 使类(class)类型的值具有独特的颜色

标签 css ruby-on-rails erb

我有不同的类(class),我想为不同类型的类(class)添加独特的颜色。例如视频类(class)、阅读类(class)和口语类(class)。

我了解我的代码的作用。它询问是否存在带有“视频”的 type_of_course,它确实存在,但是我如何只为以“视频”作为类(class)类型的类(class)显示“橙色”颜色?

<% @courses.each do |course| %>
     <td class='<%= "type_of_course" if course.type_of_course? %>'>
     <%= course.title %>
<% end %>

类(class).scss

.type_of_course {
    color: orange;
}

类(class).rb

def type_of_course?
    type_of_course = Course.find_by(type_of_course: 'Video').present?
end

最佳答案

抱歉解释不当。几个小时后我想通了! 不管怎么说,还是要谢谢你! :)

.level-easy .level { 
	background-color:green; 
	text-transform: uppercase;
	width: 
}
.level-medium .level { 
	background-color:orange;
 }
.level-hard .level {
 background-color:red; 

}

<tr class='level-<%= course.level %>'>
<td class="text-center level"><%= course.level.upcase %></td>

关于css - 使用 rails 使类(class)类型的值具有独特的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31587085/

相关文章:

javascript - 函数正在警告不正确的值/文本

html - 从 All_Users 页面链接到用户配置文件、路由

ruby-on-rails - rails erb 中的 Angular Js 花括号

ruby-on-rails - 在 Rails 中将多个输入字段作为列表而不是单独的名称发布。

css - 如何在 css 选择器中使用 `or` 来选择它的 child ?

css - 垂直对齐div内的img?

javascript - 如何使用 bxslider 在 2 行 slider 中显示 5 个图像

ruby-on-rails - 如何在模型中验证来自 Controller 的数据

ruby-on-rails - 运行 "Insecure world writable dir/mnt/c in PATH, mode 040777"后如何修复 "rails s"错误

ruby-on-rails - 验证消息助手或检索验证错误