¿qu significa esta instruccion? *

[josancardenasm]

hola chicos, estoy siguiento un tutorial y no entiendo que significan estas instrucciones:

Código CSS:

*,
*:after,
*::before {
    box-sizing: border-box;
}
 

*: creo que es un tipo de elemento pero no l oidentifico, ¿Puede ser todos los elementos?

::after y ::before: ¿puede ser que esté indicando antes y despúes de ese elemento?

box sizing: está definiendo una caja antes y otra despues?

Agradezco mucho la aclaración

[pzin]

Bienvenido al foro.

Iniciado por josancardenasm

*: creo que es un tipo de elemento pero no l oidentifico, ¿Puede ser todos los elementos?

* es un selector, que selecciona todo. Así como lo tienes selecciona cualquier elemento en el documento. Si pones div * selecciona cualquier elemento dentro de una división, o si pones div > * selecciona cualquier hijo de una división.

Iniciado por josancardenasm

:after y ::before: ¿puede ser que esté indicando antes y despúes de ese elemento?

Son pseudo-elementos. Los elementos con contenido pueden tener dos pseudo-elementos. Una imagen o un formulario no son elementos con contenido. Suelen ser muy útiles para añadir cosas que no sean contenido a los elementos.

Iniciado por josancardenasm

box sizing: está definiendo una caja antes y otra despues?

box-sizing es un atributo con el que puedes cambiar el modelo de caja de CSS, cosa muy útil para ahorrarte quebraderos de cabeza al hacer cálculos extraños.

Intenta usar la opción highlight cuando publiques código.

[josancardenasm]

Muchas gracias por la aclaración, me has resuelto la duda que tenía y otras mas.

[Elyas]

Iniciado por josancardenasm

Muchas gracias por la aclaración, me has resuelto la duda que tenía y otras mas.

Ten cuidado con box-sizing pues no todos los navegadores la admiten.

[pzin]

Iniciado por Elyas

Ten cuidado con box-sizing pues no todos los navegadores la admiten.

¿Si? http://caniuse.com/css3-boxsizing