@namespace

Базовая Широко доступная

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

@namespace — это правило, которое определяет XML пространства имён, которые будут использоваться в CSS таблице стилей.

Попробуйте

Синтаксис

/* Default namespace */
@namespace url(XML-namespace-URL);
@namespace "XML-namespace-URL";

/* Prefixed namespace */
@namespace prefix url(XML-namespace-URL);
@namespace prefix "XML-namespace-URL";

Описание

Определённые пространства имён могут быть использованы для ограничения универсальных, типовых и атрибутных селекторов выбором только элементов в рамках этого пространства имён. Правило @namespace обычно полезно только при работе с документами, содержащими несколько пространств имён — например, HTML с встраиваемыми SVG или MathML или XML, смешивающим несколько словарей.

Любые @namespace правила должны следовать всем правилам @charset и @import и предшествовать всем другим правилам и объявлениям стилей в таблице стилей.

@namespace может быть использовано для определения пространства имён по умолчанию для таблицы стилей. При определении пространства имён по умолчанию все универсальные и типовые селекторы (но не атрибутные селекторы, см. примечание ниже) применяются только к элементам в этом пространстве имён.

Правило @namespace также может использоваться для определения префикса пространства имён. Если универсальный, типовой или атрибутный селектор имеет префикс пространства имён, то этот селектор соответствует только в случае совпадения пространства имён *и* имени элемента или атрибута.

В HTML известным внешним элементам автоматически назначаются пространства имён. Это означает, что HTML-элементы будут действовать так, как будто они находятся в пространстве имён XHTML (http://www.w3.org/1999/xhtml), даже если атрибут xmlns отсутствует в документе, а элементы <svg> и <math> будут иметь свои правильные пространства имён (соответственно, http://www.w3.org/2000/svg и http://www.w3.org/1998/Math/MathML).

Примечание: В XML, если префикс не определён непосредственно в атрибуте (например, xlink:href), то этот атрибут не имеет пространства имён. Другими словами, атрибуты не наследуют пространство имён элемента, в котором они находятся. Для соответствия этому поведению пространство имён по умолчанию в CSS не применяется к атрибутным селекторам.

Формальный синтаксис

@namespace = 
  @namespace <namespace-prefix>? [ <string> | <url> ] ;  

<namespace-prefix> = 
  <ident>  

<url> = 
  <url()>  |
  <src()>  

<url()> = 
  url( <string> <url-modifier>* )  |
  <url-token>                      

<src()> = 
  src( <string> <url-modifier>* )

Примеры

Определение пространств имён по умолчанию и с префиксами

@namespace url(http://www.w3.org/1999/xhtml);
@namespace svg url(http://www.w3.org/2000/svg);

/* This matches all XHTML <a> elements, as XHTML is the default unprefixed namespace */
a {
}

/* This matches all SVG <a> elements */
svg|a {
}

/* This matches both XHTML and SVG <a> elements */
*|a {
}

Спецификации

Спецификация
Модуль CSS Пространства имён уровень 3 # объявление

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`@namespace`	1	12	1	8	1	18	4	14	1	1.0	37

См. также

Урок по пространствам имён

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@namespace