Любой способ остановить CSS: навести подчеркивание текста-украшения на дочернем элементе? [дубликат]

На этот вопрос уже есть ответы здесь :

Closed ] 9 лет назад .

Возможный дубликат:
Как мне заставить работать эту проблему CSS-декорирования текста?

Я использую эффект переключения jquery, чтобы показать или скрыть дополнительную информацию об элементах списка :

jQuery(document).ready(function($) {
    $("ul p").hide();
    $("ul li").addClass("link");
    $("ul li").click(function () {
    $("p", this).toggle(300);
    });
});

, который отлично работает со структурой вроде:


List element 1Additional info 1
List element 2Additional info 2

Чтобы он выглядел «интерактивным», я создаю стиль .link с помощью css:

ul li.link {
    color: #0066AA;
}

ul li.link:hover {
    text-decoration: underline;
    cursor: pointer;
}

Но я не хочу, чтобы отображаемый текст выглядел как ссылка итак:

ul li.link p{
    color: black;
    text-decoration: none;
}

ul li.link p:hover {
    cursor: text;
    text-decoration: none;
}

Но

все еще подчеркивается (синим) при наведении курсора, несмотря на то, что выбрасывается text-decoration: none; в каждом свободном месте! Насколько я понимаю, это связано с тем, что дочерние стили применяются поверх родительских, поэтому я, по сути, пытаюсь поместить «ничего» поверх подчеркивания и заставить его исчезнуть.

Итак, мой вопрос (в конце концов! ) заключается в следующем: Есть ли способ избавиться от этого подчеркивания, не вынимая

из (чего я не делаю) не хотите делать по другим причинам)?

задан Community 23 May 2017 в 11:44

0 ответов

Другие вопросы по тегам:

css hover parent-child text-decorations

Любой способ остановить CSS: навести подчеркивание текста-украшения на дочернем элементе? [дубликат]

0 ответов

Похожие вопросы: