title: How to do simple CSS selectors translate to Radium?
body: <p>I’m new to <a href="https://github.com/FormidableLabs/radium" rel="nofollow">Radium</a> and I’m finding it difficult to do some of the most simple CSS the Radium way. Here are some examples of where I’m getting hung up:</p>
  
  <ol>
  <li><p>Descendant selector. I understand that there are methods to apply rules if there is a hover on the parent by setting up state logic, but I can’t seem to find a straight forward way to target elements of a parent. For example, any item with the .anchor class will be red. But if the <code>.anchor</code> is a descendant of a <code>.listItem</code> it should be blue. In css, I would simply do <code>.listItem .anchor { color: blue; }</code>. I can’t seem to find a simple way to do that.</p></li>
  <li><p>Is there a way to target a specific element, like <code>a</code> or <code>li</code>? Or does it always need a class?</p></li>
  <li><p>What about the adjacent selector, is there a Radium way to handle that? For example, <code>.one + .two { color: blue; }</code></p></li>
  <li><p>How can I select direct children? For example, <code>.container &gt; .ul { color: blue }</code>, only targeting <code>.ul</code> elements that are the direct children of container</p></li>
  <li><p>What if I want to give two classes the same style? Ex: <code>.one, .two { color: blue }</code></p></li>
  </ol>