Disable underline of inside element of underlined anchor tag

Question

Can we Disable underline of inside span element of underlined anchor tag. If it is possible please tell me how?

 <a>hello<span>praveen</span</a>

 <style type="text/css>
     a{
        text-decoration:underline;
     }
     a span{
        text-decoration:none;
     }
 </style>

You cannot make with your current HTML structure. Try this http://jsfiddle.net/shanidkv/4oqyx6Le/ — shanidkv, Jan 14 '15 at 05:36

score 6 · Accepted Answer · answered Jan 14 '15 at 06:03

6

Try this.

add display: inline-block; for span style

a {
    text-decoration:underline;
}

a span {
    text-decoration:none;
    display: inline-block;
}

http://jsfiddle.net/4oqyx6Le/2/

answered Jan 14 '15 at 06:03

Mansoorkhan Cherupuzha

1,761
1
24
45

score 0 · Answer 2 · answered Jan 14 '15 at 05:30

0

a > span { text-decoration: none: }

answered Jan 14 '15 at 05:30

Rohith K

1,433
10
15

looks for the child element span of the parent a and will not assign any decoration to the element. – Rohith K Jan 14 '15 at 05:32
OP wants text-decoration:none for spans only inside underlined anchors – Naeem Shaikh Jan 14 '15 at 05:34

Disable underline of inside element of underlined anchor tag

2 Answers2