How can i access the first element with myabilities class?

How can i access the first element with myabilities class?

How can i access the first element with myabilities class in code given
below?
<div class="span6">
<h3 class="srvc-title">Responsive Design</h3>
<p class="srvc-detail">Crafting great experiences to suit the
capabilities of every browser.</p>
<p class="myabilities">The number of web-accessible devices is truly
a wonder of our information age. It's also a daunting canvas for
design.</p>
<p class="myabilities">Mobile phones, tablets, desktops — it's hard
to even categorise these days. I specialise in embracing the Web's
ubiquity. It's my job to design for all experiences.</p>
<p class="myabilities">Great design can't be achieved in isolation.
In fact, it's two development practices that are the secret; feature
detection and progressive enhancement. That means a multi-tiered
design to match the capabilities of any browser.</p>
<p class="myabilities">Complicated for us but for users — it just
works.</p>
</div>