Estou copiando isso do blog Rails on Fire.
Para minimizar as solicitações necessárias para carregar nosso site, criamos um único application.css por meio do pipeline de ativos. O problema inerente a esta configuração é que as definições de CSS para diferentes subpáginas podem entrar em conflito. Para garantir que isso não aconteça, damos ao body tag um id especial composto pelo controlador e pelo nome da ação do site atual.
<body id="<%= "%s_%s" % [controller_name, action_name] %>">
</body>Em seguida, iniciamos cada arquivo css que contém apenas scss para uma página específica com o id dessa página e nomeamos o arquivo nomedocontrolador_ação.scss:
#home_index{
.whatever{
margin-top:50px;
}
}