CSS @importuj regułę
Przykład
Zaimportuj arkusz stylów „navigation.css” do bieżącego arkusza stylów:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Więcej przykładów poniżej.
Definicja i użycie
Reguła @import
umożliwia importowanie arkusza stylów do innego arkusza stylów.
Reguła @import
musi znajdować się na górze dokumentu (ale po każdej
deklaracji @charset
).
Reguła @import
obsługuje również zapytania o media, więc możesz zezwolić na importowanie zależne od mediów.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Składnia CSS
@import url|string list-of-mediaqueries;
Wartości nieruchomości
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
Więcej przykładów
Przykład
Importuj arkusz stylów „printstyle.css” TYLKO, jeśli nośnik jest drukowany:
@import
"printstyle.css" print;
Przykład
Importuj arkusz stylów „mobstyle.css” TYLKO, jeśli nośnikiem jest ekran, a obszar wyświetlania ma maksymalnie 768 pikseli:
@import
"mobstyle.css" screen and (max-width: 768px);