title: CSS: Set color of `strong` inside specific paragraph class
body: <p>I am a bit of a newb in CSS styling. 
  I have a stylesheet in which image captions <code>&lt;p class="caption"&gt;</code> are light-on-darkl while normal text is dark-on-white. This works fine in general, but somewhere else in the stylesheet is set <code>strong {color: #XXX}</code>, which seems to override the color I set in the <code>.caption</code> tag in my CSS.</p>
  
  <p>What I would want to do was something like:</p>
  
  <pre><code>p.caption strong {color:#YYY}
  </code></pre>
  
  <p>...to give <code>&lt;strong&gt;</code> its own color inside the captions, but this is clearly not the correct syntax.  How do I do this?</p>
  
  <p>The html is autogenerated and I am not too familiar with the code that does it, so preferrably CSS-only solution.</p>