How to add CSS for specific pages in RefineryCMS?

Question

Following along to the tutorial at http://refinerycms.com/guides/getting-started which says to

Seemed simple enough. So I created app/assets/stylesheets/about-page.css wtih some test code

p { 
  color: green; 
  font-size: 32px;
}

But that sitll got applied to the home page.

What am I doing wrong here?

Answer 1

That is not what is meant.. the about-page refers to an id so it's like this using SCSS syntax with, say, styles.css.scss which is included by application.css automatically using the asset pipeline:

body#about-page {
  p {
    color: green;
    font-size: 32px;
  }
}