tips responsive @media

[rowilsonh]

html:

$('a.title').cluetip();
<a class="title" rel="ajax.html">
<a class="title2" href="ajax.html">

Css:

@media screen {
.title {display: block;}
.title2 {display: none;}
}

@media handheld {
.title {display: none;}
.title2 {display: block;}
}

There a better way? Thanks