CSS - вложенная якорь тег ссылка

Я хотел бы создать вложенную ссылку внутри <a> тегаCSS - вложенная якорь тег ссылка

Пример:

<a href="#">This is a link <a id="sup">sup text</a> end of the link</a>

CSS:

a#sup{ 
    color:#19578e; 
    font-family: Verdana; 
    font-size: 8pt; 
    vertical-align: top; 
} 

a { 
    font-family: Arial; 
    color: #19578e; 
    font-size: 10pt; 
    font-weight: normal; 
    font-style: normal; 
    text-decoration: none; 
}

Однако, как это только «Это является ссылкой "на ссылку ...

источник

2013-12-12 Below the Radar

Вы не можете вкладывать якорь внутри другого якоря. –

Вы не можете вставлять метки привязки. Это недопустимый HTML. Используйте SPAN. –

Используйте SPAN, так как вы не можете теги анкерных гнезда.

<a href="#">This is a link <span id="sup">sup text</span> end of the link</a>

Хорошо, я буду использовать промежуток, но как сделать промежуток, имеющий те же propreties чем якорный тег, когда якорь тег парить?

Добавить состояние зависания в CSS для элемента «sup».

a, a:hover #sup { 
    font-family: Arial; 
    color: #19578e; 
    font-size: 10pt; 
    font-weight: normal; 
    font-style: normal; 
    text-decoration: none; 
}

Если у вас есть это больше, чем на месте, вы можете просто использовать:

a, a:hover span { ... }

источник

2013-12-12 19:39:17

Хорошо, я использую span, но как сделать span с теми же самыми пропитками, что и тег привязки, когда тег привязки наводится? –

Вы не можете использовать a теги внутри anot ее a тег, потому что Nested Links are illegal

Вы можете использовать вместо <span> в тег, чтобы сделать его работу:

<a href="#">This is a link <span id="sup">sup text</span> end of the link</a>

источник

2013-12-12 19:38:31 DaniP

CSS - вложенная якорь тег ссылка

ответ

Смежные вопросы