Write Css Codes Distinct From Different Pages

In rails, there is normally a view corresponding to an action. So if you want to do some special styles based on different pages, you can render controller name and action name in your layout file like this:

1
2
3
<body class="#{controller_name} #{action_name}">
  <!-- Render something -->
</body>

Let’s assumpt that your current page controller is ProductsController, and your action is index, then you can write your style codes like:

1
2
3
.products.index {
  /* some styles */
}

Comments