twitter bootstrap - text-decoration: underline ignored -

i'm trying style list group group item text not underlined. of site css includes

a:link, a:visited { text-decoration: underline; } 

for reason

style="text-decoration: none;" 

gets ignored.

html:

<div class="list-group">   <a href="#" class="list-group-item">     <h4 class="list-group-item-heading">link 1</h4>     <p class="list-group-item-text">info link1. underline text.</p>   </a>   <a href="#" class="list-group-item">     <h4 class="list-group-item-heading">link 2</h4>     <p class="list-group-item-text" style="text-decoration: none;">info link2. don't underline text.</p>   </a> </div><!-- list-group --> 

css (from elsewhere on site)

a:link, a:visited { text-decoration: underline; } 

codepen link

try this.. give underline link 2 , not item text

a:link, a:visited {  text-decoration: underline;  }    .nounderline{    text-decoration: none !important;  }    .underline{    text-decoration: underline !important;  }

<div class="list-group">        	<a href="#" class="list-group-item">  		<h4 class="list-group-item-heading">link 1</h4>  		<p class="list-group-item-text">info link1. underline text.</p>  	</a>        	<a href="#" class="list-group-item nounderline">  		<h4 class="list-group-item-heading underline">link 2</h4>  		<p class="list-group-item-text nounderline" >info link2. don't underline text.</p>  	</a>        </div>