title: Multiple CSS content for markup with multiple classes
body: <p>I am trying to add icons with CSS <em>content</em> value to different classes. Some markup might have multiple classes, in which case I want multiple icons after the text. Problem is, I am not sure if I can add multiple <em>content</em> values to the same class.</p>
  
  <p>Example:</p>
  
  <pre class="lang-css prettyprint-override"><code>.entry-header::after {font-family: FontAwesome; font-size: 15px; /*float: right;*/}
  
  .status-private &gt; .entry-header::after {
      content: " \f023"
  }
  .format-standard &gt; .entry-header::after {
      content: " \f040"
  }
  .format-video &gt; .entry-header::after {
      content: " \f03d"
  }
  </code></pre>
  
  <p>In the case where a class is e.g. <code>.status-private</code> a logo will be displayed, but what if the markup has <strong>two</strong> classes? Such as <code>.status-private .format-standard</code>? How can I then display two icons?</p>
  
  <p>If possible, I would avoid having to make CSS for every possible combination of these three classes.</p>
  
  <p>My current markup:</p>
  
  <pre><code>&lt;article id="post-1713" class="post-1713 post type-post status-private format-video hentry category-uncategorized post_format-post-format-video"&gt;
      &lt;header class="entry-header"&gt;
  
          &lt;div class="entry-date"&gt;
              May 20, 2016
          &lt;/div&gt;
  
          &lt;div class="entry-title post-1713 post type-post status-private format-video hentry category-uncategorized post_format-post-format-video"&gt;
              Private: Private: This is a video post
          &lt;/div&gt;
  
      &lt;/header&gt;&lt;!-- .entry-header --&gt;
  
      &lt;div class="entry-content" data-did-load="true" style="display: none;"&gt;
          &lt;p&gt;
              The format of this post is video, but the video has not yet been added
          &lt;/p&gt;
      &lt;/div&gt;&lt;!-- .entry-content --&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>I want to display the icons after <em>Private: This is a video post</em></p>