Link is still underlined even though text-decoration is set to none
<p>I've seen a couple of related questions on this site, but all of them seemed to be due to selector issues, but I don't think that is the issue here.<br>
In my case, Google Chrome and Safari both tell me that the computed style for the <code>a</code> tags in question have <code>text-decoration:none</code>.<br>
Selecting the <code>a</code> tags and setting <code>text-decoration:none</code> makes no difference because they already have <code>text-decoration:none</code>.<br>
The page is styled from a few different stylesheets, including one from my blog theme, one from a <a href="https://stackoverflow.com/questions/13966259/how-to-namespace-twitter-bootstrap-so-styles-dont-conflict">namespaced import</a> of Materialize framework and a lastly a user-defined stylesheet which I left <strong>empty</strong> (thus I haven't included CSS in this post).  </p>

<p><strong>Demo:</strong> <a href="http://codepen.io/prashcr/pen/RaBKGY" rel="nofollow noreferrer">http://codepen.io/prashcr/pen/RaBKGY</a></p>

<p><strong>Here is the HTML:</strong></p>

<pre><code>    &lt;body class="site animated fade-in-down"&gt;
     &lt;div class="site-wrap center"&gt;

    &lt;div class="post p2 p-responsive wrap" role="main"&gt;
      &lt;div class="measure"&gt;
        &lt;div class="mcss"&gt;
  &lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col s12 m7"&gt;
        &lt;div class="card"&gt;
          &lt;div class="card-image waves-effect waves-block waves-light"&gt;
            &lt;img class="activator" src="http://materializecss.com/images/office.jpg"&gt;
          &lt;/div&gt;
          &lt;div class="card-content"&gt;
            &lt;span class="card-title activator grey-text text-darken-4"&gt;
              Kanban&lt;i class="material-icons right"&gt;more_vert&lt;/i&gt;
            &lt;/span&gt;
            &lt;p&gt;&lt;a href="#!"&gt;This is a link&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="card-action"&gt;
            &lt;a href="#"&gt;This is a link&lt;/a&gt;
            &lt;a href="#"&gt;This is a link&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="card-reveal"&gt;
            &lt;span class="card-title grey-text text-darken-4"&gt;
              Card Title&lt;i class="material-icons right"&gt;close&lt;/i&gt;
            &lt;/span&gt;
            &lt;p&gt;Here is some more information about this product that is only revealed once clicked on.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col s12 m5"&gt;
        &lt;div class="card"&gt;
          &lt;div class="card-image waves-effect waves-block waves-light"&gt;
            &lt;img class="activator" src="http://materializecss.com/images/office.jpg"&gt;
          &lt;/div&gt;
          &lt;div class="card-content"&gt;
            &lt;span class="card-title activator grey-text text-darken-4"&gt;
              Camper News&lt;i class="material-icons right"&gt;more_vert&lt;/i&gt;
            &lt;/span&gt;
            &lt;p&gt;&lt;a href="#!"&gt;This is a link&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="card-action"&gt;
            &lt;a href="#"&gt;This is a link&lt;/a&gt;
            &lt;a href="#"&gt;This is a link&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="card-reveal"&gt;
            &lt;span class="card-title grey-text text-darken-4"&gt;
              Card Title&lt;i class="material-icons right"&gt;close&lt;/i&gt;
            &lt;/span&gt;
            &lt;p&gt;Here is some more information about this product that is only revealed once clicked on.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/body&gt;
</code></pre>