Как предотвратить «стиль» от применения к ссылке?

Question

Я пытаюсь создать баннер для своего сайта без использования изображения. Однако этот баннер также является ссылкой.

Есть ли способ для меня переопределить использование стиля «a» (link) CSS из моего div?

Предположим, CSS выглядит следующим образом:

a:link, a:visited { 
    color: #176093; 
} 

#logo { 
    color: red; 
    font-size: 48px; 
} 

Другими словами, я хотел определения CSS для #logo переопределить определения для ссылок.

Answer 1

Преобразование комментарии ответить:

Используя это, вы можете определить стили в данном контейнере:

#logo a { 
    color: red; 
    /* ... */ 
} 

Answer 2

Если вы хотите, чтобы применить стили к якорю в DIV #logo, у вас есть использовать такой селектор:

#logo a { 
    color: red; 
    font-size: 48px; 
} 

Answer 3

Если HTML такой:

<div id="logo"><a href="#">Banner Text</a></div> 

затем использовать CSS

#logo a:link, #logo a:visited{color:#176093;} 

Если HTML, как это

<a id="logo" href="#">Banner Text</a> 

Затем с помощью CSS

#logo:link, #logo:visited{color:#176093;} 

Answer 4

Ваш вопрос специфика ваших селекторов :link и :visited, вы должны отменить это:

#logo { 
    font-size: 48px; 
} 

#logo:link, #logo:visited { 
    color: red; 
}