Ссылки CSS не работают должным образом

ссылки в разделе «запрос» не отображаются должным образом. Для ссылки в этом DIV в style.css есть следующий код:Ссылки CSS не работают должным образом

.header .request a span{border-bottom:1px dotted}.header .request a:hover span{border-bottom:0}

Доказательства: berdyanskaya56.ru

На странице в то время как ссылка наведена она становится подчеркнута. Для сравнения, в .css четко указано, что он должен быть не украшен. Как я могу это исправить?

UPD: -> Цель: сделать ссылки в div «request» пунктиром-underlinead, в то время как неподвижные и незаметные при паре. Все атрибуты стиля ссылок должны быть написаны в .css, а не в html (не пишите style = "text-decoration: none" в index.html).

-> текущая ситуация: ссылка пунктирная-подчеркнутая, но она становится подчеркнутой (___), а не подчеркнутой во время зависания.

источник

2014-10-30 RLearnsR

вам нужно указать, что вы хотите достичь здесь ?? ** если вы даете некоторую ссылку URL и ожидаете проверить 'request div', это совсем не возможно **. Никто не поймет, по крайней мере, я не понял, что вы говорите ??. Объяснение поможет в решении вашей проблемы. –

Обновлена проблема. – RLearnsR

Эта работа прекрасна. Просто добавьте

div.header div.request a { 
    text-decoration: none;/*add this*/ 
}

.header .request a span { 
 
    border-bottom: 1px dotted 
 
} 
 
.header .request a:hover span { 
 
    border-bottom: 0 
 
} 
 
div.header div.request a { 
 
    text-decoration: none; 
 
}

<div class="header"> 
 
    <div class="request"> 
 
    <a href="#"> 
 
     <span>sadsad</span> 
 
    </a> 
 
    </div> 
 
</div>

источник

2014-10-30 08:38:14

Becausec у вас есть еще <a> теги в проекте, которые по умолчанию a:hover{text-decoration:underline}.

Добавить CSS в свой проект:

a:hover{ 
    text-decoration:none; 
}

источник

2014-10-30 06:39:02

Я пробовал, но это не сработало. – RLearnsR

Это: зависание. Отредактировал мой ответ. –

Попробуйте text-decoration: none! Important; чтобы узнать, есть ли у вас проблема специфичности. – chris

Добавьте следующий стиль в вашем CSS.

.header .request a:hover{text-decoration:none;}

источник

2014-10-30 06:44:39

Это не работает. Я обнаружил, что если вы добавите style = "text-decoration: none;" на ссылку на странице, она исправляет. Моя цель - включить этот атрибут в .css. – RLearnsR

.header .request a span { 
text-decoration: none; 
border-bottom: 1px dotted; 
}

удалить border:0 здесь и добавить text-decoration: none; в этом CSS

.header .request a:hover{ 
text-decoration:none; 
}

по наведению я модифицирования border-bottom:none;

.header .request span:hover{ 
    border-bottom:none; 
    }

Upadte этого CSS я надеюсь, что это будет исправить вашу проблему

источник

2014-10-30 07:42:24

Ничего не исправлено. Проверь это. – RLearnsR

Обновлено css. – RLearnsR

Он все еще подчеркивается, когда он завис. Я знаю, это странно, но это не проблема. Посетите и проверьте это самостоятельно. – RLearnsR

Ссылки CSS не работают должным образом

ответ

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