2011-12-03 9 views
12

Come si chiama questi:Come si chiama quella cosa tra i "selettori" CSS?

body > p + p

in un selettore CSS? Sono:

  • operatori relazionali
  • criteri di posizione basata
  • Qualcos'altro?

Non ho proprio idea di cosa chiamarli. C'è un nome ufficiale?

(E, anche, ci sono nomi ufficiali per a b c in a b c, d e f e a in a b c?)

risposta

25

In base a http://www.w3.org/TR/CSS2/selector.html#selector-syntax vengono chiamati "combinatori".

Grazie a Duncan Babbage per aver ricordato ci sono (o erano), solo tre di loro:

  1. spazio di carattere = discendenti
  2. > = bambino
  3. + segno più = seguente adiacente (prossimo) sibling
  4. e CSS3 aggiunge una tilde ~ = segue di pari livello generale
+0

Grazie, è esattamente quello che stavo cercando! – Ryan

+1

E ora sono confuso. Mentre Babbage è corretto secondo il documento a cui si è collegato, questo link afferma che sono combinatori ma non è quello che dice l'altro link. – Rob

+0

Penso che alcune modifiche debbano essere fatte sui documenti. – Rob

7

Come identificato da Tom Haws, gli operatori tra i selettori semplici sono chiamati combinators. Nei CSS2 ce ne sono solo tre: +, > e il combinatore di spazio.

In ogni caso, il "selettore" è la combinazione completa dei selettori semplici e dei combinatori.

Si propone di espandere l'intervallo di CSS3 combinators valido.

+0

Sì, ma ho bisogno di un termine generale per tutti ~ ',' + ','> 'e anche il carattere dello spazio. Scusa se la domanda non è chiara, la modifico. – Ryan

+0

Sembra che Tom Haws l'abbia inchiodato per te. –

+0

Questa è la risposta corretta alla domanda. Inoltre, il simbolo + è un selettore fratello adiacente. Ma vedi il mio commento sotto la risposta di Haws. – Rob

3

I caratteri o spazi bianchi tra i nomi di tag sono chiamati combinatori, vedere ad esempio General Sibling combinator. Questi sono > e + nell'esempio.

I tag nel tuo esempio sono chiamati selettore semplice in CSS2 e CSS3. Se fosse a b c che si chiamerebbe sequenza di selettori semplici in CSS3 ma selettore semplice in CSS2.Il selettore semplice fa riferimento solo a un nome di elemento in CSS3 come a in a b c.

O come sezione Selector syntax stati

Un selettore è una catena di una o più sequenze di selettori semplici separate da combinatori.

a b c, d e f è chiamato group of selectors dove i membri del gruppo sono i selettori a b c e d e f. a b c è un selettore o sequenza di selettori semplici, composto dai selettori semplicia, b, c combinato dal combinatore spazi bianchi. L'ultima frase è valida solo per CSS3.