Estoy vamos a practicar los electores con Discovery cuando creamos nuestro document Ready y vimos que
utilizamos el signo de dólar como el selector universal indicó Ari y puede ser signo de dólar o Cuadri
cualquiera de las dos es correcta.
Mucha gente se ahorra tiempo nada más poniendo este signo de dólar y vamos a abrir la consola y hacer
algunas pruebas.
Por ejemplo haremos signo de dólar paréntesis comillas sencillas Cerramos paréntesis y punto y coma
dentro va nuestro selector al estilo HTML el estilo CSS es decir si es una clase y llega al punto si
es una etiqueta nada más lleva el nombre de la etiqueta como un género o un artículo.
Y si es una idea llevan un signo de gato o numeral.
Vamos a ver si podemos seleccionar Tejeda nos y vemos que selecciona lo que viene siendo el Getter aquí
puedes ver que viene todo Angerer seleccionado así que en lugar de escribir aquí ver esto lugar escribir
algo como document .4 y selector
Séder es más fácil con nada más es el final el resultado es exactamente el mismo y vamos a continuar
y aquí voy a expandir un poco la consola
y voy a hacer esto más pequeño para que se vea un poco mejor quiénes together tenemos un contenedor
funciona de la misma forma se puede decir que te va a ayudar a entender mejor o a practicar los lectores
de CSS y sobre todos los CS3 digamos que queremos seleccionar este contenedor del Gebser podrás escribir
algo así como signo de dólar comillas Gelder y luego espacio Punto contenedor cerramos comillas cerramos
paréntesis y punto y coma y damos Enter y vemos que no sale el contenedor
por ejemplo vamos a limpiar de nuevo la consola tenemos nuestra navegación aquí y Cuera y provee métodos
por ejemplo puedo poner aquí signo de dólar igual comillas navegación que es la clase enquistar clase
y puedo cerrar las comillas y cerrar paréntesis y un método funciona con Find y lo puedes pasar aquí
lo que quieres buscar que vendría siendo una etiqueta que buscar todas las ah en navegación le doy a
Enter y vemos que me aparecen todas define a es lo mismo que si pusiera yo algo así como un selector
con a los dos hacen exactamente lo mismo sin embargo Cuadri probé muchos métodos si quieres seleccionar
un Heydi como dije puedes poner algo así como aquí creo que va a ser más grande el texto signo de gato
navegacion.
Cierro mi Comillas y paréntesis enter y vemos que me regresa la navegación esto es la forma en la que
trabajas con selectores México-EU vamos a limpiar de nuevo iba a ser este un poco más grande.
Este video nada más será el único que estaremos en la consola de forma recurrente y después nos iremos
pasando al código y vamos a finalizar con un ejemplo práctico así que no tienes que preocuparte de los
electores por aquí por ejemplo Main ãrtico para seleccionar los artículos que tenemos tres que vendrían
siendo estos aquí puedo darle clic aquí para expandir y me van saliendo los tres que tengo el tercer
set abajo
que más si quieres seleccionar por ejemplo el primer artículo porque aquí no regresa tres pero si tú
quieres el primero aquí en la consola de cromos de explosionar la tecla desde arriba en las flechas
y te va a llevar al último comando aquí puedes poner dos puntos el First y esto nada más nos va a regresar
el primero y esto va a ser importante en algunos casos tal vez también quieras seleccionar el último
puedes cambiar el selector en vez de First que diga LASD y das click en el triangulo y puedes inspeccionar
aquí y ver que está funcionando correctamente.
De nuevo voy a limpiar los comandos nada más para hacer un último ejemplo puedes mezclar también los
electores digamos que puedo tener el último artículo y puedo seleccionar los párrafos que tengo dos
o tengo éste y éste y puedes ponerle así como el último artículo seleccionamos el primer párrafo y puedes
ir teniendo dos electores muy muy complejos o el último Artedo el último párrafo también Last y esto
nos va a seleccionar el último G4 y te va a permitir tener ese Traver Sim le llaman que es poderte mover
sobre todo el documento algo que con CSS no se puede con HTML tampoco o con JavaScript si se puede es
un poco más complicado pero con Tykwer es bastante fácil como dije también hay métodos y para ocultar
por ejemplo algo digamos que seleccionamos el artículo.
El último artículo con el último párrafo y le ponemos aquí Jaitt y eso es lo que va a hacer es que lo
va a ocultar de nuestra página también puedes seleccionar el primer enlace de una navegación por ejemplo
signo de dólar comillas me suele Lehi first cerramos Comillas y le damos enter click en el triángulo
y vemos que quien la LPI nos ha seleccionado el primer elemento de nuestra navegación así que eso es
lo básico de selectores hay unos más complejos.
Para mí estos son los más sencillos y lo más importante los que vas a usar día a día.
Pero los estaremos practicando durante todo este esta parte y Cuera y no tienes que preocuparte por
nada.
Entiendo que cuando se aprende algo nuevo puede haber complicaciones.
Para eso estamos aquí para practicar bastante.