css ID с или без HTML-элемента?

В файле css лучше ли использовать идентификаторы css с элементом HTML или без него?css ID с или без HTML-элемента?

Например, с HTML-элемент:

div#header { 
    font-size: 2em; 
}

Без HTML элемента:

#header { 
    font-size: 2em; 
}

Я понимаю, что оба примера будут делать то же самое, но я задаюсь вопросом, если один из примеров будет влиять SEO или время загрузки. Я склоняюсь к тому, чтобы использовать пример без HTML-элемент, так как это приведет к уменьшению CSS-файла, но мне интересно, есть ли у кого-нибудь еще мысли/мнения/опыт.

источник

2015-12-11 Leo Galleguillos

Без ... он использует меньше символов, что минимизирует размер вашего CSS-файла. – Lee

Идентификатор является абсолютным идентификатором, а затем html elemet не используется – scaisEdge

Зависит от того, является ли форма элемента существенным для его правила-приложения. 99 раз из 100, это было бы «нет, иди без». Контр-пример может быть, если вы хотите установить конкретный шрифт на идентификаторе, но * только *, если он является частью ввода, а не div или span. (Предполагается, что один и тот же файл CSS применяется к нескольким страницам) – Katana314

div#header { 
    font-size: 2em; 
}

Будет применяться только в том случае, если элемент, содержащий идентификатор, является div.

#header { 
    font-size: 2em; 
}

Будет работать независимо от элемента.

Поскольку вы должны использовать только идентификатор, как только вы обычно отправляетесь на второй подход: он сохраняет символы и, следовательно, крошечный бит времени загрузки, но не очень примечателен.

Если у вас есть несколько страниц с помощью css, но элемент #header может быть другим, используя заголовок div #, может быть способ решить, какой стиль применить к какой странице. Если это так, вы, вероятно, захотите использовать класс здесь.

источник

2015-12-11 17:29:46

css ID с или без HTML-элемента?

ответ

Смежные вопросы