2013-05-14 4 views
-1

вот что-то, что я пытаюсь сделать.Как отметить несколько элементов?

У меня есть сайт, где все теги «a» имеют синий стиль ссылки. У меня есть заголовок со ссылкой в ​​нем, что я хочу удалить синюю ссылку по умолчанию от него и сделать ее оранжевой. Вот как это выглядит сейчас:

<h1 class="site-name"> 
     <a href="/" title="Home" class="active">MySite.com</a> 
</h1> 

поэтому в основном я хочу, чтобы написать несколько CSS, которые сделают мой «MySite.com» имеет оранжевый цвет и не имеет синюю ссылку по умолчанию, что вы познакомились с. Я не хочу менять стиль «а», потому что я не хочу, чтобы каждая отдельная ссылка имела это, только это.

я сумел стилизации часть пути там делать,

h1.site-name {   
font-size:36px; 
     text-decoration:none; 
     color:#ff5312; 
    } 

однако, я вижу в CSS он обновляется с помощью Firebug, но это не изменит цвет ссылки. то я попробовал

h1.site-name.a 

но это не сработало. что мне нужно сделать, чтобы достичь этого «а» здесь, но только этот тег, чтобы он выглядел так, как я хочу?

благодарит за любые идеи.

+1

'h1.site-name a' – Passerby

+0

Фокус в том, что' a' не является классом, это тег. Только классам предшествует символ '.' (так же, как только идентификаторы предшествуют' # '). –

+0

должны подождать 10 минут, пока я не смогу принять ответ .. но будет принимать его, как только это позволит мне, конечно .. – king

ответ

6

Заменить h1.site-name.a с

h1.site-name a 

Вам не нужно ставить . here.Because это не class это тег.

h1.site-name a{   
    font-size:36px; 
    text-decoration:none; 
    color:red; 
} 
+0

СПАСИБО ВАС LOL .. так просто ... – king

0

Попробуйте использовать h1.site-name a вместо h1.site-name.a

h1.site-name a{   
font-size:36px; 
     text-decoration:none; 
     color:red; 
    } 
0

Попробуйте это:

h1.site-name a {   
     font-size:36px; 
     text-decoration:none; 
     color:red; 
    } 

Найдет <a></a> тег в стороне <h1></h1>.

Смежные вопросы