title: Change <a> tag text color of React Component
body: <p>I'm trying to change the text color of a  tag link. But it does not work. I don't understand how the "a:link" and "a:visited" syntax should look in the component class in the "testBoXStyle " var.</p>
  
  <p>The code of the component:</p>
  
  <pre><code>class TestBox extends React.Component {
      constructor(props){
          super(props);
          this.state = {
              opac: 0.0,
              wid: 5,
              hei: 5,
              topp: 200,
              leftt: 200
              };
  
          updateTestBoxState = updateTestBoxState.bind(this);
      }
  
      render(){
          var testBoXStyle = {
              transition: 'width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out, transform 0.5s ease-out, left 0.5s ease-out, top 0.5s ease-out',
              width: this.state.wid,
              height: this.state.hei,
              backgroundColor: '#2222FF',
              opacity: this.state.opac,
              boxShadow: "3px 3px 20px #333333",
              borderRadius: 5,
              padding: 10,
              position: 'absolute',
              top: this.state.topp,
              left: this.state.leftt,
              a:'link {color: white)}',
              a:'visited {color: white)}'
          }
  
          return (
              &lt;div style={testBoXStyle}&gt;
                  &lt;h1&gt;Contacts:&lt;/h1&gt;
                  Some info...
                  &lt;br/&gt;Some info...
                  &lt;br/&gt;Some info...   
                  &lt;br/&gt;Some info...
                  &lt;br/&gt;Some info...
                  &lt;br/&gt;&lt;a target="_blank" href="https://www.youtube.com/"&gt;Youtube&lt;/a&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>