Проблема с стилизирането на линковете.

[ventsi34]

Здравейте, искам да Ви попитам как мога да стилизирам определен линк с CSS пробвах така:

HTML линк

<a href="wwwwww" class="link"><h1 class="menu1">Начало</h1></a>

CSS

.link:hover{text-decoration: none; color: #d5d5d5; font-size: 14px; font-weight: bold;}

но номера нестава примерно цвета на текста се сменя но нищо друго не се изпълнява. Искам малко да се измести на доло или да се изпълни нещо от тези font-size: 14px; font-weight: bold; но нестава номера.

 

[devent]

a.link:hover{text-decoration: none; color: #d5d5d5; font-size: 14px; font-weight: bold;}

 

[ventsi34]

Нестава

 

[Zion]

Така пробва ли ?

<div style="text-decoration: none; color: #d5d5d5; font-size: 14px; font-weight: bold;">
<a href="http://web-tourist.net">Zion</a>
</div>

 

[devent]

Я пробвай обратното ->

<h1 class="menu1"><a href="wwwwww" class="link">Начало</a></h1>

 

[stoqnski]

с ID пробва ли ?

Само за пример:
<div id="menu">
<a href="/">Link 1</a>
<a href="/">Link 2</a>
<a href="/">Link 3</a>
<a href="/">Link 4</a>
</div>

div#menu {
width: 5em;
border: 1px solid red;
border-bottom: none;
}

div#menu a {
display: block;
text-decoration: none;
border-bottom: 1px solid red;
background-color: white;
color: red;
padding: 0 0.2em;
}

div#menu a:hover {
background-color: red;
color: white;
}

В твоя случай замени div с h1 елемента.

 

[ventsi34]

Я пробвай обратното ->

<h1 class="menu1"><a href="wwwwww" class="link">Начало</a></h1>

Това беше решението на загадката. Много съм ти благодарен +1.