Plantilla de página de selector CSS

Nota: Elimina toda esta nota explicativa antes de publicar.

Metadatos de la página (front matter):

El frontmatter en la parte superior de la página se utiliza para definir los "metadatos de la página". Los valores deben actualizarse adecuadamente para el selector específico.

---
title: :name-of-the-selector
slug: Web/CSS/Reference/Selectors/:name-of-the-selector
page-type: css-selector OR css-pseudo-class OR css-pseudo-element OR css-combinator
status:
  - deprecated
  - experimental
  - non-standard
browser-compat: css.selectors.name-of-the-selector
sidebar: cssref
---

title

Encabezado del título mostrado en la parte superior de la página. Formato como :NameOfTheSelector. Por ejemplo, el selector :hover tiene un título :hover.

slug

El final de la ruta de la URL después de https://developer.mozilla.org/en-US/docs/. Se formatea como Web/CSS/Reference/Selectors/:name-of-the-selector. Por ejemplo, el slug del selector :hover es Web/CSS/Reference/Selectors/:hover.

page-type

La clave page-type para propiedades CSS es una de css-selector, css-pseudo-class o css-pseudo-element, dependiendo de si el selector es una pseudo-clase, un pseudo-elemento, un combinador o un selector simple.

status

Indicadores que describen el estado de esta funcionalidad. Es un arreglo que puede contener uno o más de los siguientes: experimental, deprecated, non-standard. Esta clave no debe establecerse manualmente: se define automáticamente según los valores en los datos de compatibilidad de navegadores para la funcionalidad. Consulta "Cómo se agregan o actualizan los estados de funcionalidades".

Reemplaza el valor de marcador de posición css.selectors.NameOfTheSelector con la cadena de consulta del selector en el repositorio de datos de compatibilidad de navegadores. La cadena de herramientas utiliza automáticamente esta clave para completar las secciones de compatibilidad y especificaciones (reemplazando las macros {{Compat}} y {{Specifications}} en dichas secciones, respectivamente).

Ten en cuenta que puede que primero necesites crear o actualizar una entrada para el selector y su especificación en nuestro repositorio de datos de compatibilidad de navegadores. Consulta nuestra guía sobre cómo hacerlo.

Esto es cssref para todas las páginas de guía y referencia de CSS. Consulta "Estructuras de página: Barras laterales" para más detalles.

Macros en la parte superior de la página

Varias macros aparecen en la parte superior de la sección de contenido inmediatamente después del front matter de la página. Estas macros se agregan automáticamente mediante herramientas, por lo que debes evitar agregarlas o eliminarlas:

• {{SeeCompatTable}} — genera un banner de Esta es una tecnología experimental que indica que la tecnología es experimental. Si es experimental y la tecnología está oculta detrás de una preferencia en Firefox, también debes completar una entrada para ella en la página de funcionalidades experimentales de Firefox.
• {{Deprecated_Header}} — genera un banner de Obsoleto que indica que el uso de la tecnología está desaconsejado.
• {{Non-standard_Header}} — genera un banner de No estándar que indica que la funcionalidad no forma parte de ninguna especificación.

Debes actualizar o eliminar las siguientes macros de acuerdo con las recomendaciones a continuación:

No proporciones manualmente macros de encabezado de estado. Consulta la sección "Cómo se agregan o actualizan los estados de funcionalidades" para añadir estos estados a la página.

Ejemplos de los banners de Experimental, Obsoleto y No estándar se muestran justo después de este bloque de nota.

Sección de Sintaxis ({{CSSSyntax}})

El contenido de la sección de Sintaxis se genera utilizando la macro {{CSSSyntax}}. Para que se complete, debes asegurarte de que exista una entrada adecuada para el selector en el archivo de datos selectors.json. Consulta selectors.md para más información.

Recuerda eliminar toda esta nota explicativa antes de publicar