6. Твой CSS начинается со строчек * {padding:0; margin:0;}«16 признаков крутого верстальщика», Максим Покровский
Символ
* в css называется
универсальным селектором (universal selector). Универсальность состоит в том, что он означает
любой элемент: правило, которое начинается с этого селектора, относится ко всем элементам страницы.Какие объявления стоит и какие не стоит указывать в этом правиле? Например, полезны те, которые приведены в эпиграфе:
*{margin:0; padding:0;}Такое правило обнуляет поля и отступы у всех элементов на странице. Полезное правило: у элемента могут быть ненулевые дефолтовые значе
Читать полностью »
15 комментариев на «Универсальный селектор»
Юрий (1 комментарий)
Если задать цвет благодаря универсальному селектору всем элементам
*{
colol:#000;
}
то по правилам, цвет присвоенный элементу индивидуально, должен иметь приоритет.
#red{
colol:red;
}
Так в чем здесь подвох.
Получается если обнулить все поля и отступы, их также нельзя будет указать элементам в индивидуальных правилах?
Или дело в селекторе #id?
Княгиня (660 комментариев)
Цвет, присвоенный индивидуально, действительно будет иметь приоритет, но будет перебиваться наследование. То есть, обычно элемент, которому цвет не задан прямо, наследует цвет родителя (исключение — ссылки). Если же цвет задан в универсальном селекторе, то элемент, не имеющий персонального цвета, вместо родительского возьмёт универсальный.
Поля и отступы, в отличие от цвета, не наследуются и такой проблемы не создают. Их можно (а я считаю — и нужно) обнулять универсальным селектором.