title: How can I target specific slides with custom CSS in ioslide presentation?
body: <p>Reading <a href="https://bookdown.org/yihui/rmarkdown/custom-css-1.html" rel="nofollow noreferrer">this</a> introductory text, I thought it is straightforward to color the body or bullet points on a specific slide green. I created my own css file containing the following lines:</p>
  
  <pre><code>body p {
   font-size: 24px;
   font-family: Frutiger Light;
   color: orange;
  }
  
  li {
   font-family: Frutiger Light;
   font-size: 20px;
   color: green;
  }
  
  .change {
   color: green;
  }
  </code></pre>
  
  <p>and referred to the css-class change by adding {.change} to my header in the rmarkdown file. However, this is completely ignored. I am lost and would very much appreciate a hint in how to solve this.</p>
  
  <p><a href="https://www.dropbox.com/sh/t4lpmlhwuei2w25/AADTTUFo1VssoXJNlgallXl8a?dl=0" rel="nofollow noreferrer">Here</a> is a simple reproducible example. Please make sure that the css is located in the same folder than the rmd.</p>