Атрибут стиля по сравнению с установкой ID и внешней CSS
Просто потребность добавить пространство:
.area2 .item
{
...
}
3 ответа
Использовать внешний CSS для статических определений. Используйте поиск по идентификатору элемента и атрибут style для вещей, которые меняются во время выполнения или где вам нужен Javascript для настройки, потому что CSS не поддерживает то, что вы хотите.
Хорошим примером последнего было использование полос зебры в jQuery до широкой поддержки селекторов CSS 3 :
$(document).ready = function() {
$("table tr:nth-child(even)").addClass("striped");
});
Сегодня вы можете сделать это в статическом CSS, но когда-то давным-давно, использование Javascript было лучшим вариантом.
Я использую внешние таблицы стилей, и причины этого следующие:
- Ремонтопригодность - это намного проще, когда все мои материалы для презентаций находятся в одном файле.
- Сохранение кода СУХОЙ - да, снова этот. Раньше я даже использовал атрибут стиля, чтобы установить отображение «блокировать» или «нет» взаимозаменяемо. Теперь я просто использую класс под названием «hide» и использую этот класс, если что-то нужно скрыть, и удаляю его, если что-то нужно показать. В наши дни полномасштабных приложений Ajax я не позволяю своему коду повторять такие вещи, и он намного более чистый.
- Помогает, когда вы работаете в крупных проектах - на моем последнем рабочем месте, у нас был набор приложений, которые имели одинаковый внешний вид. Поместив все это во внешнюю таблицу стилей, включая стили, которые будут вызываться после определенного события, это помогло команде применить согласованный дизайн пользовательского интерфейса к приложениям.
Я попытался придумать причины использования атрибутов стиля, но честно говоря, я могу сказать, что использую его только тогда, когда мне лень открыть таблицу стилей, чтобы что-то быстро изменить (я не слишком горжусь этой частью, поэтому стараюсь минимизировать ее)
Одним из больших преимуществ перемещения всех ваших стилей в таблицу стилей является ремонтопригодность. Поиск встроенных стилей может быть огромной проблемой для других людей, пытающихся поддерживать ваш код.
Уже по этой причине стоит назначить конкретному элементу идентификатор и определить его стили в таблице стилей.
Во-вторых, если вы обнаружите если вы пишете много встроенных стилей, вы, вероятно, могли бы выделить больше этих стилей, используя свойства наследования CSS или несколько хорошо продуманных классов в дополнение к идентификатору.
С точки зрения производительности выбор идентификатора выполняется так же быстро, как и CSS , поэтому использование большого количества классов на самом деле медленнее, чем переход по идентификаторам, даже если это всего лишь микросекунды.