Как задать общий класс javascript объектам

[makemeunder]

Здравствуйте! Извините за столь может простой вопрос.

У меня таблица из тысячи строк и каждой персонально приписано

<tr onmouseover="this.style.backgroundColor='#d6e5ff'" onmouseout="this.style.backgroundColor='white'">

Это доставляет определенные тормаза. Скажите пожалуйста, как я могу один раз прописать эти параметры и они присвоились всей таблице?

Рад буду узнать более оптимальные способы.

Спасибо.

[sigma77]

makemeunder,

http://htmlbook.ru/css/hover

И никакого js

[makemeunder]

Спасибо огромное. Но все равно приходится прописывать каждой строке класс <tr class="myhover">

Как сделать, чтобы присвоив класс тегу <table class="myhover"> все строки наследовали?

tr.userinfo:hover {
	background-color:#d6e5ff;
}

не срабатывает

[hedgehog]

Как сделать, чтобы присвоив класс тегу <table class="myhover"> все строки наследовали?

.myhover tr:hover {
  background:silver;
}

Edited August 28, 2012 by hedgehog

[sigma77]

Как сделать, чтобы присвоив класс тегу <table class="myhover"> все строки наследовали?

.myhover tr:hover {
    background-color:#d6e5ff;
}

Важно, чтобы при этом у td фона не было.

[hedgehog]

Важно, чтобы при этом у td фона не было.

В этом случае поможет правило ".myhover tr:hover td"

[makemeunder]

Спасибо, Оксана. Ты очень добра.

Назрел вопрос.

Почему чтобы задать свойство класса ссылке синтаксис таков

a.myhover:hover

А свойство таблице

.myhover tr:hover

?

[sigma77]

Спасибо, Оксана. Ты очень добра.

Назрел вопрос.

Почему чтобы задать свойство класса ссылке синтаксис таков

a.myhover:hover

А свойство таблице

.myhover tr:hover

?

a.myhover:hover - здесь ты выбираешь все ссылки с классом myhover и на которую наведен курсор

.myhover tr:hover - здесь ты отбираешь все строки (tr) на которые наведен курсор и которые находятся внутри таблицы с классом myhover

Подробнее о селекторах - http://htmlbook.ru/samcss/kontekstnye-selektory (плюс смотри навигацию справа)