против
это может привести к простому ответу «да» или «нет», я все равно пойду на него
Рассмотрим следующий пример:
HTML
<html>
<head>
</head>
<body>
<div class="foo">
<span class="bar">Hello world!</span>
<p>Some really interesting text.</p>
</div>
</body>
</html>
CSS
html {
/* some css */
}
body {
/* some css */
}
div.foo {
/* some css */
}
div.foo span.bar {
/* some css */
}
div.foo p {
/* some css */
}
Повлияет ли порядок, в котором появляются правила CSS, на то, как (быстро) браузер может отобразить страницу? (в этом примере это не будет иметь большого значения, но рассмотрим реальный веб-сайт с множеством HTML и CSS)
Таким образом, приведенный выше скрипт CSS будет отображаться быстрее или проще для браузера, чем:
div.foo p {
/* some css */
}
div.foo span.bar {
/* some css */
}
div.foo {
/* some css */
}
body {
/* some css */
}
html {
/* some css */
}
Заботятся ли браузеры? Можем ли мы?
Прочитайте, прежде чем спрашивать:
Так вы бы структурировали свою таблицу стилей CSS?Какой лучший способ организовать правила CSS?Как браузеры читают и интерпретируют CSS?