& #39;Текст -украшение :нет& #39; не работает в Bootstrap

При наведении мои текстовые ссылки подчеркиваются. Это значение по умолчанию в 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;}, это работает. Однако я не хочу все менять. Только ссылки в данном конкретном случае.

6
задан Olly F 30 April 2012 в 22:02
поделиться