2011-12-03 18 views
12

¿Cómo se llama estos:¿Cómo se llama esa cosa entre los "selectores" de CSS?

body > p + p

en un selector CSS? Son ellos:

  • operadores relacionales
  • criterios basados ​​en el puesto
  • Algo más?

Simplemente no tengo ni idea de cómo llamarlos. ¿Hay un nombre oficial?

(Y, además, no son nombres oficiales para a b c en a b c, d e f y a en a b c?)

Respuesta

25

De acuerdo con http://www.w3.org/TR/CSS2/selector.html#selector-syntax se llaman "combinators".

Gracias a Duncan Babbage por señalar que hay (o eran), sólo tres de ellos:

  1. carácter de espacio = descendientes
  2. > = niño
  3. + marca positiva = siguiente adyacente (siguiente) hermanos
  4. y CSS3 añade una tilde ~ = siguiente generales de hermanos
+0

¡Gracias, eso es exactamente lo que estaba buscando! – Ryan

+1

Y ahora estoy confundido. Si bien Babbage está en lo correcto según el documento al que se vinculó, este enlace indica que son combinadores, pero eso no es lo que dice el otro enlace. – Rob

+0

Creo que debe hacerse alguna edición en los documentos. – Rob

7

Como identificado por Tom Haws, los operadores entre los selectores simples se llaman combinators. En CSS2 solo hay tres: +, > y el combinador de espacios.

En cada caso, el "selector" es la combinación completa de los selectores simples y los combinadores.

Se propone expandir el rango de CSS3 combinators válido.

+0

Sí, pero necesito un término general para todos los '~', '+', '>' e incluso el carácter de espacio. Lo siento si la pregunta no estaba clara, la editaré. – Ryan

+0

Parece que Tom Haws lo ha elegido. –

+0

ESTA es la respuesta correcta a la pregunta. Además, el símbolo + es un selector de hermanos adyacente. Pero mira mi comentario bajo la respuesta de Haws. – Rob

3

Los caracteres o espacios en blanco entre nombres de etiqueta se denominan combinadores, consulte por ejemplo General Sibling combinator. Estos son > y + en su ejemplo.

Las etiquetas en su ejemplo se llaman selector simple en CSS2 y CSS3. Si tuviera a b c que se llamaría secuencia de selectores simples en CSS3 pero selector simple en CSS2.El término selector simple solo hace referencia al nombre de un elemento en CSS3 como a en a b c.

O como la sección Selector syntax estados

Un selector es una cadena de una o más secuencias de selectores simples separados por combinadores.

a b c, d e f se llama el group of selectors donde los miembros del grupo son los selectores a b c y d e f. a b c es un selector , o secuencia de selectores simples, integrada por los selectores simplesa, b, c combinadas por el espacio en blanco combinator. La última oración solo es válida para CSS3.

Cuestiones relacionadas