44 подписчика

CSS

"@import" инструкция

Пример кода

Создайте в папке "Рабочий стол" и откройте файл - "p.css". В нем создайте шаблон css формата и сохраните его:

p {

color: red;

}

Если файл стилей размещается отдельно от родительского документа, он может быть подключён к документу инструкцией @import в элементе <style>.

Создайте и откройте файл - index.html, в нем создайте шаблон html формата и сохраните его:

<html>

<head>

<style>

@import "p.css";

* {color: green};

</style>

</head>

<body>

<h1>Универсальный селектор - текст зеленый.</h1>

<p>Текст импорта - параграф красный.</p>

</body>

</html>

Вывод на экран

Универсальный селектор - текст зеленый.

Текст импорта - параграф красный.

Около минуты

19 сентября 2025