title: Styling a link on hover - with Radium in React
body: <p>I've been looking for an answer here and in the documentation, but I can't seem to find it. Here's the <a href="https://github.com/FormidableLabs/radium" rel="nofollow">Radium documentation</a>.</p>
  
  <p>I'd like to know if there's a way to style links in React? Specifically a, a:hover, a:visited etc.</p>
  
  <p><strong>Example:</strong></p>
  
  <pre><code>var React = require("react");
  var Radium = require('radium');
  var Link = require('react-router').Link
  
  var Header = React.createClass({
      render: function(){
  
          var styles={
              links: {
                  ":hover": {color: "red", textDecoration: "none"}
              }
          }
  
          return(     
              &lt;div style={[styles.links]}&gt;
                  &lt;Link to="/photos"&gt;Photos&lt;/Link&gt;
              &lt;/div&gt;
          );
      }
  });
  
  module.exports = Radium(Header);
  </code></pre>