При наведении мои текстовые ссылки подчеркиваются. Это значение по умолчанию в Bootstrap.
Я хочу сохранить это, если только ссылка не находится внутри определенного блока.
Код, который я пробовал (и несколько вариантов ), не работают.
HTML:
<div class="wall-entry span5">
<a href="">
<img src="http://www.placehold.it/290x163" />
<div class="wall-address">
<p>Burgundy Street</p>
<p>New Orleans, LA</p>
<p>USA</p>
</div>
</a>
</div>
Мой CSS:
.wall-entry {
background-color: @black;
position: relative;
img {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
div {
position: absolute;
left: 10px;
bottom: 10px;
p {
line-height: 18px;
margin: 0;
font-family: Neuzit Heavy;
font-size: 18px;
color: white;
text-decoration: none;
}
}
}
div.wall-entry:hover img {
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
a div.wall-entry {text-decoration: none;}
Небольшое примечание :Я проверил a {text-decoration: none;}
, это работает. Однако я не хочу все менять. Только ссылки в данном конкретном случае.