Не удается удалить украшение текста underline

Не удается удалить underline из следующего. Я пробовал установить text-decoration: none на все три класса.Не удается удалить украшение текста underline

rs-friends-list-row { 
 
    position: relative; 
 
    display: flex; 
 
    flex-direction: row; 
 
    padding: 10px 20px 10px 20px; 
 
    font-size: 10px; 
 
} 
 
a .rs-friends-list-row { 
 
    text-decoration: none; 
 
} 
 
a:hover .rs-friends-list-row { 
 
    background-color: yellow; 
 
}

<a href="#"> 
 
    <div class="rs-friends-list-row"> 
 
    <div> 
 
     <img class="rs-friends-user-image" src="assets/images/profileimg1.png" alt="img"> 
 
    </div> 
 
    <div class="rs-friends-details"><span class="right-sidebar-friends-name">Lucile B. Nash</span> 
 
     <br>Nanaimo</div> 
 
    <div><span class="rs-friends-status online"></span> 
 
    </div> 
 
    </div> 
 
</a>

источник

2016-06-14 LiveWithPassion

Вы должны соответствовать ply 'text-decoration: none;' непосредственно к элементу 'a' –

text-decoration относится только к a и вы подаете заявление на ребенка a (div), вам необходимо обратиться к a (с классом или нет)

.rs-friends-list-row { 
 
    position: relative; 
 
    display: flex; 
 
    flex-direction: row; 
 
    padding: 10px 20px 10px 20px; 
 
    font-size: 10px; 
 
} 
 
.some-class { 
 
    text-decoration: none; 
 
} 
 
a:hover .rs-friends-list-row { 
 
    background-color: yellow; 
 
}

<a class="some-class" href="#"> 
 
    <div class="rs-friends-list-row"> 
 
    <div> 
 
     <img class="rs-friends-user-image" src="assets/images/profileimg1.png" alt="img"> 
 
    </div> 
 
    <div class="rs-friends-details"><span class="right-sidebar-friends-name">Lucile B. Nash</span> 
 
     <br>Nanaimo</div> 
 
    <div><span class="rs-friends-status online"></span> 
 
    </div> 
 
    </div> 
 
</a>

источник

2016-06-14 01:15:18 dippas

Это противоречит последнему вопросу, который у меня был Dippas. Мы не задали конкретный класс для ссылки в моем последнем вопросе, поэтому я был в замешательстве. – LiveWithPassion

класс для ссылки не является обязательным, только в том случае, если вы хотите установить 'text-decoration: none' для этого типа ссылок, например, вы хотите, чтобы все ссылки на сайте с' underline', вы установили 'a {text -decoration: underline} ', тогда вы устанавливаете этот класс' .not-underline {text-decoratione: none} 'Вам действительно нужно читать книги/учебники CSS или статьи – dippas

@LiveWithPassion это решает вашу проблему? – dippas

Потому что вы не нацеливание самого анкерного элемента, когда вы кладете a .re-friends-list-row. Когда вы делаете это так, вы нацеливаете div внутри якоря, а Divs по умолчанию не имеют текстового оформления. Вам нужно поставить класс на якорный тег напрямую.

источник

2016-06-14 01:10:20

Ссылка имеет подчеркивание, так что вы должны сделать

a {text-decoration: none;}

источник

2016-06-14 01:17:40

Не удается удалить украшение текста underline

ответ

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