Todo bien.
Entonces es hora de un ejercicio rápido.
Éste cubrirá los diferentes selectores DOM que acabamos de discutir.
Así que la forma en que funciona te da algo de H M L shemale simple y H-1 tres cuatro párrafos.
Algunos tienen ideas de que algunos tienen clases, algunos no tienen nada.
Y lo que quiero que hagas es encontrar cuatro formas diferentes de seleccionar el primer párrafo.
los diferentes métodos de los que hablamos documento Obtener elemento por ID por nombre de clase por
nombre de etiqueta Las consultas de selector Corey como son todas mezclar y combinar esas y presentar cuatro formas diferentes de seleccionar esto.
Así que al menos hay más que eso usando
Si desea, puede descargar el código adjunto.
De lo contrario, siga adelante y simplemente escriba esto usted mismo para ejemplos de rompecabezas
de video y volveré en unos pocos segundos.
De acuerdo, entonces hablemos sobre cómo podemos resolver esto.
Tengo el archivo H Tim L aquí.
Tenemos un H1 y aquí está el párrafo que buscamos después del primer párrafo.
Tiene ID igual a la primera clase es especial.
Y luego hay algunos otros párrafos que realmente no nos importan.
Entonces, para seleccionarlo, tenemos algunas opciones diferentes.
Comencemos con obtener elemento por ID.
Entonces solo para documentar el tipo get element by ID primero.
También podríamos seleccionar basado fuera de la identificación primero usando el selector de consultas para documentar ese selector de consulta.
Y no podemos decir primero también que necesitamos ver una sintaxis de selector que significa agregar Octa Thorp que le dice
al selector Querrey que se trata primero de una identificación y obtenemos la misma cosa.
Entonces también podemos seleccionar basado fuera de la clase que es especial.
Entonces podríamos hacer un documento que obtenga elementos por nombre de clase y el nombre de clase sea especial y eso nos dará dos
elementos que tienen ese nombre de clase.
Entonces, para reducirlo a solo el primero, agregaríamos cero después de los corchetes cero.
Y eso nos da el primer párrafo.
También podríamos usar el selector de consultas y usaremos la sintaxis de punto porque es una clase.
Esta vez no necesitamos el corchete cero porque el viejo selector de consulta normal solo nos da
el primer resultado.
Si utilizamos el selector de consultas, podríamos agregar cero luego y funcionaría de la misma manera.
Obtenemos el mismo primer párrafo.
La otra opción que tenemos es seleccionar basado en el nombre de la etiqueta que es
párrafo o P para que podamos hacer que el documento Obtener elementos por nombre de etiqueta pase en P y eso nos da todos los párrafos.
Entonces haríamos el corchete cero.
También podríamos usar el selector de consultas.
Documente ese selector de consultas y no necesitemos cambiar lo que está dentro de la CS de impresión porque India dice que
así es como selecciona una etiqueta de párrafo.
Entonces el selector de consultas nos dará el primero.
Entonces puede ver aquí o también podemos hacer consultas como son todas y agregar cero.
También podemos hacernos la vida más difícil y usar algunos selectores más creativos de CSSA.
Por ejemplo, sé que este párrafo, el primero es el primer párrafo directamente después de un H-1 que están adyacentes, así
que podría escribir un selector de CSSA que diga Seleccione los párrafos después de un H1 o adyacente a cada uno
con el signo más.
Entonces eso se vería así.
Si realmente quisiera hacerlo
Selector de Cory y ese sería H-1 más el párrafo.
Y eso también me da el primer párrafo.
Hay muchas otras formas en que podríamos hacerlo también.
Podríamos hacer primero el tipo de párrafo.
Podemos ser bastante creativos, pero no hay razón para hacerlo si podemos obtenerlo con una ID o un nombre
de clase o nombre de etiqueta.
DE ACUERDO.
Así que con suerte puedes encontrar al menos cuatro de ellos, ya que puedes ver que hay muchas
opciones como en C S S podemos apuntar a algo de muchas maneras diferentes.
Realmente no hay una respuesta correcta en este caso porque tiene una ID.
Probablemente usaría el selector de consultas con la ID, que es lo que hicimos aquí.
O obtener elemento por ID