@targetologru

Как убрать подчеркивание у ссылки, если внутри есть другие блочные элементы?

Использую бутстрап. Не хочу лишний раз писать скрипты по клику на блок, попробовал просто сделать ссылку с вложенными элементами и задать ей display: block;

Проблема: не убирается подчеркивание.

<a href="/projects/1" class="card mb-3 d-block card-a" style="width:45%; min-width: 300px; max-width: 540px;">
	<div class="row no-gutters">
		<div class="col-md-4">
			<img src="/img/backgrounds/hohloma_small.jpg" class="card-img" alt="Заголовок карточки">
		</div>
		<div class="col-md-8">
			<div class="card-body">
				<h5 class="card-title">Заголовок карточки</h5>
				<p class="card-text">
					<small class="text-muted">Кусочек текста</small>
				</p>
			</div>
		</div>
	</div>
</a>


.card-a * {
	/* Ссылка как карточка (.card + .d-block) */
	text-decoration: none;
}


!important не помогает, но и данное правило ничем не перебивается...

Результат (hover):
5269f97d6a.png

Как убрать подчеркивание? Насколько неправильно и насколько критично так делать с тегом A?
  • Вопрос задан
  • 480 просмотров
Решения вопроса 1
а про валидность и семантику слыхали? пихать блочные элементы внутрь инлайновых
дальше даже смотреть не буду
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы