title: Dynamically change a css class' properties with AngularJS
body: <p>I like the way examples by bootstrap looks</p>
  
  <pre><code>&lt;css&gt;
  .bs-docs-example {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    ...
  }
  .bs-docs-example:after {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #9DA0A4;
    content: "Title";
    ...
  }
  </code></pre>
  
  <p>But I need to change the <em>content</em> in the <em>.bs-docs-example:after</em> dynamically
  as this:</p>
  
  <pre><code>&lt;html&gt;
  &lt;div class="bs-docs-example" ng-style="content:'{{ title }}';"
       ng-repeat="title in titles"&gt;
  </code></pre>
  
  <p>Is this something possible? How?</p>