Use CSS to display cursor

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

scottjsn

For displaying a link, instead of using <a>, I used <div class="xxxxxxx">, such as

<div class="first" >
Outer line
<div class="second">
inner line
</div>
</div

In the x.css file:

.first{
font-size: 9pt;
cursor:pointer;
cursor:hand;
}

.second{
font-size: 9pt;
}

Now the problem is that when the mouse pointer moved to the inner line area, the HAND cursor is still displayed.

My question: How can I set the

.second{
font-size: 9pt;
}

so that when the mouse pointer moved to the inner line area, the HAND cursor will disappear.

Thanks

holyhttp

.first{
font-size: 9pt;
cursor:pointer;
}

.second {
cursor:default;
}

Keep in mind just because you set the cursor to be a hand pointer does not mean that section is converted into a link.
You will have to use some JavaScript to achieve that function otherwise it would be deceptive and a turnoff for the end user.