Евгений Петров

В таком способе есть особенность — при построении из JS структуры нужно динамически формировать правила. Мне кажется, что многие начинают сразу с jQuery, не зная нативного JS и не умея пользоваться его возможностями.

Пример — стоит попросить кого создать на ходу правила при динамическом формировании элементов, и тут же в ответ увидишь удивлённые глаза.
Другой пример — ощущение, что про 3 фазы событий знает не так много людей, как хотелось бы. На вопрос, можно ли при клике на элементе обработать его в document так, что до этого элемента оно так и не дойдёт — ещё более круглые глаза... Когда объясняешь человеку, что его onclick вообще никогда не сработает, не верит.

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

Для обычных невыделенных option всё просто

option{
	color:#fff;
	background:#369;
}

Но вас ведь интересует, как изменить подсветку выделенного option? Ответ — штатными средствами никак, только подставляя вместо них эмуляцию с помощью библиотек вроде этой или этой.

Да не отсохнут руки у копипасту творящего:)

Читайте уже спецификацию про margin-collapse. Там зелёным всё написано.

Иногда просто невозможно добиться одинакового вида в разных браузерах, да и не нужно. В конце концов, про graceful degradation тоже помнить нужно.

ИМХО добиваться пиксельного соответствия в разных браузерах — потеря времени. Важно, чтобы вёрстка не ехала при различных разрешениях и разном контенте (маленький/большой), а функционал работал как часы.

Обычный человек никогда не открывает страницу в другом браузере, чтобы сравнить вёрстку. Ему глубоко чихать, как сайт отображается в другом браузере.