Несколько Гиперссылка Styling в одном css

Question

Я пытаюсь выполнить различные стили гиперссылки на div. У меня есть общий стиль гиперссылки, а затем div, который я хочу, чтобы все гиперссылки в этом div были совершенно другим стилем. Я просто не уверен, как закодировать css. Любая помощь была бы потрясающей.

a {color:#d85d5d; font-weight:bold; text-decoration:none;} 
a:hover {color:#222; text-decoration:underline;} 

.SingleLink 
{ 
    #a 
    #a:{ 
     text-decoration: underline; 
    } 

    #a:link { 
     color: #0000FF; 
    } 

    #a:visited { 
     color: #660099; 
    } 

    #a:active { 
     color #FF0000; 
    } 

    #a:hover { 
     font-weight: bold; 
    } 

} 

Поэтому в основном все на моей странице есть сначала, а потом что-нибудь в DIV .SingleLink имеет другую гиперссылка стиль.

Спасибо!

Answer 1

Вам нужно использовать имя класса для каждого, вы не можете их обертывать, как это было в вашем примере, с помощью чистого CSS.

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

.SingleLink a { text-decoration: underline; } 

.SingleLink a:link { color: #0000FF; } 

.SingleLink a:visited { color: #660099; } 

.SingleLink a:active { color #FF0000; } 

.SingleLink a:hover { font-weight: bold; } 

Answer 2

Вам необходимо указать селектор .SingleLink для каждого правила, как так:

.SingleLink a:link { color: #0000FF; } 

.SingleLink a:visited { color: #660099; } 

.SingleLink a:active { color #FF0000; } 

.SingleLink a:hover { font-weight: bold; } 

Использование {} правилам группы при Селектор является допустимым синтаксисом для некоторых препроцессоров CSS, таких как LESS, но недействителен как «чистый» CSS.