Я не уверен, что не так с вашим синтаксисом, но подход в целом кажется немного перевернутым от нормы.Обычно нельзя создавать новое правило CSS для каждого объекта.Почему бы не что-то вроде
# views/plants/index.html.erb
<div class="plant plant-<%= plant.color %>
...
</div>
, а затем в вашем CSS-файле (нет необходимости в ERB) определить только несколько классов
# plant.css
plant_red {background-color: #F00;}
plant_blue {background-color: #00F;}
Может быть, вы этого не делаете, потому что нетконечное количество разноцветных растений?Например, у вас есть целая радуга цветов?В этом случае действительно более уместно пойти «старой школы» и использовать тег стиля:
# views/plants/index.html.erb
<div class="plant" style="background-color:#<%= plant.color %>" >