title: Styling colors in Rails 4 inside link_to, but inline styling not displaying correctly
body: <p></p>
  
  <pre><code>&lt;%= link_to "Sign In", new_user_session_path, :method =&gt; :get, style: "color:white" %&gt;
  &lt;h3&gt;Read More - &lt;%= link_to 'Article', action: :articles, style: "color: purple" %&gt;&lt;/h3&gt;
  &lt;%= link_to 'Click to Read More About What People Are Saying About Us', action: :articles %&gt;
  </code></pre>
  
  <p></p>
  
  <p>So I have the above three lines of code in the body of an html.erb file.</p>
  
  <p>The first "Sign in" shows up as white, as I want.</p>
  
  <p>The second, "Article" link shows up as black!  I wanted purple.</p>
  
  <p>The third, shows up as gray.  But I would like it to be white.</p>
  
  <p>What exactly is my problem?  I'm trying to learn rails and css simultaneously.</p>
  
  <p>Below is my overarching scaffolds.css.scss file:</p>
  
  <pre><code>body {
    background-color: #fff;
    color: #333;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }
  
  p, ol, ul, td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }
  
  pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
  }
  
  a {
    color: #000;
    &amp;:visited {
      color: #666;
    }
    &amp;:hover {
      color: #fff;
      background-color: #000;
    }
  }
  
  div {
    &amp;.field, &amp;.actions {
      margin-bottom: 10px;
    }
  }
  
  #notice {
    color: green;
  }
  
  .field_with_errors {
    padding: 2px;
    background-color: red;
    display: table;
  }
  
  #error_explanation {
    width: 450px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 0;
    margin-bottom: 20px;
    background-color: black;
    h2 {
      text-align: left;
      font-weight: bold;
      padding: 5px 5px 5px 15px;
      font-size: 12px;
      margin: -7px;
      margin-bottom: 0px;
      background-color: #c00;
      color: #fff;
    }
    ul li {
      font-size: 12px;
      list-style: square;
    }
  }
  </code></pre>
  
  <p>EDIT:  Added Rendered HTML:</p>
  
  <pre><code>&lt;a data-method="get" href="/users/sign_in" style="color:white"&gt;Sign In&lt;/a&gt;
  
  
  &lt;h3&gt;Read More - &lt;a href="/articles?style=color%3A+purple"&gt;Articles&lt;/a&gt;&lt;/h3&gt;
  &lt;a href="/articles"&gt;Click to Read More About What People Are Saying About Us&lt;/a&gt;
  </code></pre>