CSS. Отдельной ссылке стиль

Тема: CSS. Отдельной ссылке стиль

цитата
16/05/08 в 17:27

moderate
Как присвоить всем ссылкам в определеном блоке свой стиль а. a.hover ?
пытался так для конкретной ссылки:

a .semple {color: #000000;}
a:hover .semple {color: #000000;}

неполучается(, с тумбами всё работает, а с текстовыми ссылками нет.

цитата
16/05/08 в 17:33

3Sky
moderate писал:

Как присвоить всем ссылкам в определеном блоке свой стиль а. a.hover ?
пытался так для конкретной ссылки:

a .semple {color: #000000;}
a:hover .semple {color: #000000;}

неполучается(, с тумбами всё работает,
а с текстовыми ссылками нет.

a.semple {color: #000000;}
a.semple:hover {color: #000000;}

цитата
16/05/08 в 17:40

ID0133F1
Либо так -
.semple a {color: #000000;}
.semple a:hover {color: #000000;}

цитата
16/05/08 в 17:42

moderate
спс, а целому div блоку?

цитата
16/05/08 в 17:46

uncle Misha
moderate писал:

Как присвоить всем ссылкам в определеном блоке свой стиль а. a.hover ?
пытался так для конкретной ссылки:

a .semple {color: #000000;}
a:hover .semple {color: #000000;}

неполучается(, с тумбами всё работает, а с текстовыми ссылками нет.

Твой случай будет работать если класс прописан внутри ссылки, ссылка первична, затем класс...
если ссылка в блоке то сначала класс, а потом ссылка, как выше написали

цитата
16/05/08 в 18:08

Corex
moderate писал:

спс, а целому div блоку?

Код:

<html>
<head>
<style>
div.sample a
{
color: red;
}

div.sample a:hover
{
color: green;
}
</style>
</head>
<body>

<a href="#">Outside</a>

<div class="sample">
<a href="#">Inside</a>
</div>

</body>
</html>

цитата
16/05/08 в 19:45

moderate
всем спасибо.
посты оценил

Новая тема Ответить

Эта страница в полной версии