Как удалить подчеркивание и фиолетовый цвет текста после посещения ссылки в html - PullRequest
Новая
       37

Как удалить подчеркивание и фиолетовый цвет текста после посещения ссылки в html

0 голосов
/ 29 мая 2020

У меня есть коробка с изображением и текстом. Я хочу, чтобы вся коробка была ссылкой на новую страницу. При наведении указателя я хочу, чтобы непрозрачность уменьшилась, а цвет фона изменился, как мне удалось. Однако, когда я go возвращаюсь на страницу после перехода по ссылке, текст становится фиолетовым и подчеркивается.

Я пытался использовать: посещенный, но он не работает.

I ценю всю помощь, которую я могу получить 

.one {
    margin: 10px;
    background-color: rgb(231, 231, 231);
    width: 29%;
    padding: 10px;
    display: inline-flex;
    text-decoration: none;
    color: black;
    }
.one img {
    margin: 0 15px 0 0;
    object-position: 0% -90px; 
    width: 230px; /* width of container */
    height: 230px; /* height of container */
    object-fit: cover;
    border-radius: 50%;
    }
.one:visited{
    text-decoration: none;
    color: black;    
    }
.one:hover {
    opacity: 90%;
    background-color: rgb(238, 238, 238);
    }
    <a href="surf.html" class="one">
        <img src="surf.jpg" alt="">
        <div>
            <h1>Surfing</h1>
            <p>Come and surf in the worlds most beautiful places</p>
        </div>    
    </a>

!

1 Ответ

0 голосов
/ 29 мая 2020

вы пробовали это: 

a {color:#FF0000;}         /* Unvisited link  */
a:visited {color:#00FF00;} /* Visited link    */
a:hover {color:#FF00FF;}   /* Mouse over link */
a:active {color:#0000FF;}  /* Selected link   */
...