Различен цвят за всеки линк

[DobriMcConnor]

Здравейте,

Виждате най-горе в картинката има различни цветове (img) искам да направя с hover, когато си сложиш мишката върху някой от линковете, текста да се оцветява според цвета по-горе. Възможно ли е това? :?

 

[Vladkata]

Ако и трите са ти различни <div>-ове да . Иначе съм сигурен че има и начин чрез JavaScript. Но да речем че имаш 3 <div>-а, то ще стане така:
[css]
.div1 a{
color: red;
}
.div1 a:hover{
color: darkred;
}

.div2 a{
color: green;
}
.div2 a:hover{
color: darkgreen;
}

.div3 a{
color: yellow;
}
.div3 a:hover{
color: gold;
}
[/css]

Но както виждам имаш 2 еднакви цвята, т.е. може да стане само с 2 <div>-а

 

[DobriMcConnor]

Трябва ми нещо по-кратко. Използвам li тагове, но това което си дал не ми пречи да го използвам. Но ми трябва нещо по-кратко.


Благодаря!

 

[deam0n]

Трябва ми нещо по-кратко. Използвам li тагове, но това което си дал не ми пречи да го използвам. Но ми трябва нещо по-кратко.


Благодаря!

Дай си ги товага твоите ли тагова :twisted:

 

[DobriMcConnor]

Не те разбрах?

 

[ventsi34]

Менюто статично ли ти е или не е? Защото ако не е с по екзотични селектори можеш да ги селектираш или другия вариант е да въртиш цветовете през няколко менюта а третия вариант е да слагаш цвета с javascript

 

[DobriMcConnor]

Статично е, да.

 

[ventsi34]

сложи навсякъде id и им сменяй стиловете. Другия вариант ти е да използваш екзотични селектори http://www.w3schools.com/cssref/sel_nth-child.asp