Хотя ваш вопрос касается производительности (и я бы предложил, измерил ее). Я бы очень хотел добавить, что вы всегда должны стараться использовать кратчайшее определение, чтобы идентифицировать правильные элементы.
Причина не в размере файла, а в возможности расширения сайта без изменения основного css.
Например, вы получили эту часть в вашем HTML-сайте:
<div id="Header">
<h1>Css example</h1>
<h2>Welcome to the css example site</h2>
<p>An example page by davy</p>
</div>
и это CSS:
#Header
{
background-color: #ffeedd;
padding: 1em;
}
#Heading h1
{
font-size: 3em;
color: #333;
}
#Heading h2
{
font-size: 1.5em;
color: #666;
}
#Heading p
{
margin: 0 0.5em 1.5em 1em;
font-size: 1.1em;
color: #999;
}
А потом вы попадаете на страницу, где вы» d как ваш заголовок, чтобы иметь другой фон.
Если вы решили использовать div#Header
в главном файле css, вам нужно либо изменить html (который в зависимости от вашей системы может означать создание другого шаблона/главной страницы), чтобы добавить дополнительный класс, либо создать более квалифицированный селектор css, такой как body div#Header
.
Используя самый короткий селектор, вы все равно можете использовать div#Header { background : ... }
, чтобы изменить заголовок. Вы можете создать дополнительный файл css и загрузить его в свой заголовок на этой странице (если разрешено) или добавить определение стиля непосредственно в раздел <head>
. Самое приятное в этом - ваш css-файл не растет с селекторами для каждой другой страницы, и вы можете избегать classitis.
Вы также можете использовать его, чтобы переключить метод калибровки вашей страницы (статический/жидкий), чтобы один шаблон/главная страница использовала по умолчанию css, а другая - из этого шаблона/главной страницы и просто связывает css под названием FluidWitdth90. css, чтобы изменить шаблон на 90% ширину раскладки жидкости.
Что такое ipd-метки? –
Я думаю, что-то конкретное приложение – nickf
Если сайт меняется, метод * first * также рискует не идентифицировать правильные элементы. – nickf