Знайомство з правилом @document що це і як працює

Все це дозволяє скоротити кількість запитів HTTP і забезпечити пристойну швидкість завантаження сторінок.

Правда, є в такому підході один невеликий мінус. Його суть полягає в тому, що в каскадних табличках стилів можуть перебувати стилі, які на самій-то справі потрібні лише 1-2 сторінок вашого сайту. Як думаєте, було б здорово мати можливість застосувати певні набори стилів для конкретної сторінки, проте в якості бази задіяти єдину таблицю стилів?

Така задумка має всі шанси стати реальністю. І все це завдяки новому стандарту CSS і правилом під назвою @document. Воно спочатку було запропоновано у вигляді відгалуження від технології CSS3, але потім його введення відклали до виходу системи CSS 4-го рівня.

А тепер давайте подивимося, як же це все буде працювати.

@document дозволить вам застосувати правила стилізації не до всіх сторінок, а виключно до обраних. Як зазначається в пропозиції, даний елемент був розроблений насамперед для таблиць стилів користувачів. Таким чином, щоб красиво і грамотно оформити свій улюблений веб-сайт, можна зробити ось що:

Ви можете відвідати чудовий веб-сайт UserStyles.org і знайти там гідні приклади для користувача таблиць.

При цьому різниця між domain (перший приклад) і url () полягає в тому, що domain () впливає на всі сторінки відразу, якщо вони розміщені на зазначеному домені. Що стосується url (), він може застосувати стилі тільки до конкретного URL. Решта ж сторінки URL не будуть підлягати ніяким змінам.

На завершення нам хочеться привітати вас! Адже тепер ви знаєте, як можна застосувати правило @document. Але не забувайте, що в даний момент дана технологія відноситься до CSS4, а Firefox - по суті єдиний браузер, який реалізував її підтримку за допомогою префікса @ -moz-. Тим часом, ми разом з вами і далі будемо стежити за тим, як розвиваються події пов'язані з правилом @document.

Більше інформації про веб технологіях можна дізнатися з нашого переліку всіх статей на сайті: