Removing underline on a llink

Removing underline on a llink

I tried using my own CSS to remove the link's underline
  1. .accordianContent .ui-link {
        text-decoration: none;
    }
But I had to resort to:
  1. <div id="accordianContent" data-role="collapsible-set">
                        <div data-role="collapsible">
                            <h3><a href="#" title="" style="text-decoration:none;">JSON Tutorial</a></h3>
                            <p>Getting started with JSON</p>
                        </div>

Is there a way to get around using 'style' in the code?

thx