Combinadores en CSS

In un uso dei pododi CSS, come nel caso in cui ha concetti concettuali, racconti di racconti come selezione di elementi per contesto, per attributi, per valore, tra gli altri. In questo articolo è disponibile il tema dei selettori combinati, un tipo speciale di selettori in CSS che utilizza congiuntamente con selettori semplici (clase, id, elemento) per avere una coda di mare.

Hay cuatro tipos de Combinadores en CSS3:

  • Selector Descendente (espacio)
  • Selector de hijo directo ( > )
  • Selector de elemento adyacente ( + )
  • Selector basado en element precedente con el mismo padre ( ~ )

Selettore Descendente

Estremo selettore dopo un po ‘di elementi elementari che descrivono altri elementi specifici, così come è importante la profondità della profondità in cui sono incastonati. Per esempio il sigla regla afectaría a todos los elementos

dentro l’elemento

con il clase “contenido” y indica indica un espacio tra un selettore e l’altro:

HTML

CSS

Selector de hijo directo

Questo selettore funziona come un elemento acquatico elementare come un hijos dell’altro elemento specifico, così come è incastonato nell’iniettore, come lo è, è estremo all’interno dell’altro elemento dell’essere umano, non esiste un vero e proprio padre. Si usi questo ejemplo el mismo HTML de arriba:

y la regla CSS con el símbolo > entre ambos selectores:

È disponibile solo per l’elemento

con il testo “ Párrafo 1 ″ que es hijo del

y que no está inside of ningún otro element hijo of mismo

, è ora disponibile come prima pagina elemento interno elemento elemento padre.

Selettore de elemento adyacente

Questo è un selettore di elementi elementari, un elemento geniale come un padre, immediatamente seguito da uno degli altri, che è rappresentato da un rappresentante + il membro + i selettori. Con il mismo ejemplo HTML de arriba, il siguiente regla afectaría solo al segundo elemento

que contiene il testo “Párrafo 3” per ora immediatamente después de otro

hijo del mismo padre que él.

Selector basado in element precedente with el mismo Father

Il selettore estremo agisce su due elementi elementari che racchiudono i precedenti di un elemento specifico e quello che parla con il padre al mismo elemento, e che è rappresentativo del ruolo ~ tra i selettori. Si usa il codice HTML di ejemplo:

Il selettore siguiente estect afectando solo al div con la clase “anuncios” ti coincide con il patrón de encontrarse un elemento “p” antes que él y que ambos, el eletti to div y el p comparten a div.contenido como padre.

L’utilità principale di questo tipo di selettori, radica in modo più o meno facile da usare, non è così semplice, è possibile che si verifichino climi o ID che possono essere identificati come elementi o elementi o elementi di design estemporaneo, o in casi reali forma dell’HTML per l’inserimento di elementi di identificazione in elementi con una sequenza di errori.

Zaira Vega è membro del Team Leader dell’equipaggio Front End in Sngular, l’apasiona l’enseñanza, le buone pratiche che sono presenti nel código e in altre cose da condividere con il feedback costante del feedback e del trabajo in equipo. Amante del caffè. Atleta di razza spartana. Geek. Ninja Coder