Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.03.2009, 23:01   #1
avtorpc
Новичок
Джуниор
 
Регистрация: 09.03.2009
Сообщений: 2
По умолчанию Наследование для псевдоклассов.

Возник вопрос с наследование для псевдоклассов link, hover и т.д.
Существует блок ссылок с разными классами
<table>
<tr>
<td class="стильБлока">
<a class="Стиль1">#1</a>
<a class="Стиль2">#2</a>
<a class="Стиль3">#3</a>
<a class="Стиль4">#4</a>
<a class="Стиль5">#5</a>
</td></tr></table>
<style>
a.Стиль1:link,a.Стиль1:visited,a.Ст иль1:hover {color:red;}
.стильБлока a;link, .стильБлока a:visited, .стильБлока a;hover {color;green;}
</style>

ТО есть, мне надо вывести стиль ссылок Стиль1 - отдельно от других цветом. Остальные ссылки выводяться зеленым. Что бы не описывать отдельно стиль для всх классов описал общий стиль ссылок для блока и отдельно описал необходимый стиль для класса Стиль1. Думал что Стиль1 как наиболее близкий к ссылке будем самым главным, но на практике это не так получается. Ссылки наследуются в порядке следования при записи в CSS. т. е. сначала назначется Стиль1 из первой строчки, а затем переопределяется из второй.
Кто знает почему тут не соблюдается порядок наследования.
avtorpc вне форума Ответить с цитированием
Старый 10.03.2009, 00:02   #2
13th
Форумчанин
 
Аватар для 13th
 
Регистрация: 31.12.2008
Сообщений: 634
По умолчанию

Еслим правильно понял тебя, то делается всё проще
Код:
a {}
a:hover {color: red;}
//здесь мы задаем ОБЩИЙ СТИЛЬ для всех ссылок, то есть здесь и стиль для нормального отбражения ссылки , и для ховера и прочего.

a.feel_good {}
a.feel_good {color:green;}
// здесь стиль  для ссылок с конкретным классом 



<td class="стильБлока">
<a href="#" class="feel_good">#1</a>
<a href="#" >#2</a>
<a href="#" >#3</a>
<a href="#" >#4</a>
<a href="#" >#5</a>
</td>
В данном случае только толкь опервая ссылка будет "зеленеть" при наведение на неё. А вообще читаем классы, селекторы В CSS и так же "вес" строки в правилах ксс
Возможно всё
Пишу обо всем
13th вне форума Ответить с цитированием
Старый 10.03.2009, 20:25   #3
avtorpc
Новичок
Джуниор
 
Регистрация: 09.03.2009
Сообщений: 2
По умолчанию

Цитата:
Сообщение от 13th Посмотреть сообщение
Еслим правильно понял тебя, то делается всё проще
Код:
a {}
a:hover {color: red;}
//здесь мы задаем ОБЩИЙ СТИЛЬ для всех ссылок, то есть здесь и стиль для нормального отбражения ссылки , и для ховера и прочего.

a.feel_good {}
a.feel_good {color:green;}
// здесь стиль  для ссылок с конкретным классом 



<td class="стильБлока">
<a href="#" class="feel_good">#1</a>
<a href="#" >#2</a>
<a href="#" >#3</a>
<a href="#" >#4</a>
<a href="#" >#5</a>
</td>
В данном случае только толкь опервая ссылка будет "зеленеть" при наведение на неё. А вообще читаем классы, селекторы В CSS и так же "вес" строки в правилах ксс
Ты все правильно понял, вот только у меня "стильБлока" перекрывает стиль "feel_good". Вот на этом я и закудрявился))))
avtorpc вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
наследование методов TaTT DoGG Общие вопросы .NET 4 27.02.2009 01:27
Множественное наследование Crucian Общие вопросы Delphi 1 29.12.2008 14:26
Наследование CSS SunKnight HTML и CSS 1 23.11.2008 01:39
Наследование Кирилл13 Общие вопросы C/C++ 1 11.11.2008 14:47
Классы и наследование. Scratch Общие вопросы C/C++ 9 27.09.2008 16:03