Havola (link, ssilka) ichiga yana bitta havola qo'yish uchun nima qilish kerak?

Hammaga salom, hozir bitta sayt ustida ish olib borayotgan edim. Savolimning mazmuni quyidagicha: html da <a></a> elemetni blok element bo'lib, unga background berilgan va u fon bo'lib xizmat qiladi. Uning ichida esa matn bo'ladi va yana bitta <a> element bo'lish kerak. Lekin o'sha <a> ichidagi <a> elementga bosilganda, brauzer birinchi <a> ni ssilkasi bo'yicha o'tmoqda. Buni nima qilib to'g'irlasa bo'ladi. Kodi quyidagicha:

<a href="site.com" class="parent-a"><!-- birinchi a element -->
    <h2>SomeTitle</h2>
    <a href="site.com/childDirectory" class="child-a tag">Ilm-fan</a><!-- ikkinchi a element -->
</a>