1
00:00:00,460 --> 00:00:00,950
Todo bien.

2
00:00:00,960 --> 00:00:02,990
Entonces es hora de un ejercicio rápido.

3
00:00:03,000 --> 00:00:06,300
Éste cubrirá los diferentes selectores DOM que acabamos de discutir.

4
00:00:06,600 --> 00:00:14,340
Así que la forma en que funciona te da algo de H M L shemale simple y H-1 tres cuatro párrafos.

5
00:00:14,340 --> 00:00:16,920
Algunos tienen ideas de que algunos tienen clases, algunos no tienen nada.

6
00:00:17,040 --> 00:00:22,350
Y lo que quiero que hagas es encontrar cuatro formas diferentes de seleccionar el primer párrafo.

7
00:00:22,440 --> 00:00:27,270
los diferentes métodos de los que hablamos documento Obtener elemento por ID por nombre de clase por

8
00:00:27,300 --> 00:00:33,750
nombre de etiqueta Las consultas de selector Corey como son todas mezclar y combinar esas y presentar cuatro formas diferentes de seleccionar esto.

9
00:00:33,750 --> 00:00:36,340
Así que al menos hay más que eso usando

10
00:00:36,660 --> 00:00:38,940
Si desea, puede descargar el código adjunto.

11
00:00:39,060 --> 00:00:43,980
De lo contrario, siga adelante y simplemente escriba esto usted mismo para ejemplos de rompecabezas

12
00:00:43,980 --> 00:00:46,440
de video y volveré en unos pocos segundos.

13
00:00:47,670 --> 00:00:50,300
De acuerdo, entonces hablemos sobre cómo podemos resolver esto.

14
00:00:50,310 --> 00:00:52,760
Tengo el archivo H Tim L aquí.

15
00:00:53,130 --> 00:00:57,990
Tenemos un H1 y aquí está el párrafo que buscamos después del primer párrafo.

16
00:00:57,990 --> 00:01:01,230
Tiene ID igual a la primera clase es especial.

17
00:01:01,230 --> 00:01:03,650
Y luego hay algunos otros párrafos que realmente no nos importan.

18
00:01:03,990 --> 00:01:06,760
Entonces, para seleccionarlo, tenemos algunas opciones diferentes.

19
00:01:06,930 --> 00:01:09,500
Comencemos con obtener elemento por ID.

20
00:01:09,500 --> 00:01:16,030
Entonces solo para documentar el tipo get element by ID primero.

21
00:01:16,980 --> 00:01:22,710
También podríamos seleccionar basado fuera de la identificación primero usando el selector de consultas para documentar ese selector de consulta.

22
00:01:23,730 --> 00:01:30,840
Y no podemos decir primero también que necesitamos ver una sintaxis de selector que significa agregar Octa Thorp que le dice

23
00:01:30,930 --> 00:01:36,020
al selector Querrey que se trata primero de una identificación y obtenemos la misma cosa.

24
00:01:36,420 --> 00:01:40,600
Entonces también podemos seleccionar basado fuera de la clase que es especial.

25
00:01:40,800 --> 00:01:50,010
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

26
00:01:50,010 --> 00:01:52,700
elementos que tienen ese nombre de clase.

27
00:01:52,710 --> 00:02:00,310
Entonces, para reducirlo a solo el primero, agregaríamos cero después de los corchetes cero.

28
00:02:00,390 --> 00:02:02,710
Y eso nos da el primer párrafo.

29
00:02:02,880 --> 00:02:10,500
También podríamos usar el selector de consultas y usaremos la sintaxis de punto porque es una clase.

30
00:02:10,500 --> 00:02:15,780
Esta vez no necesitamos el corchete cero porque el viejo selector de consulta normal solo nos da

31
00:02:15,780 --> 00:02:16,850
el primer resultado.

32
00:02:17,070 --> 00:02:23,490
Si utilizamos el selector de consultas, podríamos agregar cero luego y funcionaría de la misma manera.

33
00:02:23,490 --> 00:02:25,920
Obtenemos el mismo primer párrafo.

34
00:02:26,010 --> 00:02:31,260
La otra opción que tenemos es seleccionar basado en el nombre de la etiqueta que es

35
00:02:31,260 --> 00:02:40,180
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.

36
00:02:40,500 --> 00:02:44,290
Entonces haríamos el corchete cero.

37
00:02:44,340 --> 00:02:45,980
También podríamos usar el selector de consultas.

38
00:02:46,020 --> 00:02:52,840
Documente ese selector de consultas y no necesitemos cambiar lo que está dentro de la CS de impresión porque India dice que

39
00:02:52,880 --> 00:02:55,410
así es como selecciona una etiqueta de párrafo.

40
00:02:55,620 --> 00:02:57,780
Entonces el selector de consultas nos dará el primero.

41
00:02:57,850 --> 00:03:07,320
Entonces puede ver aquí o también podemos hacer consultas como son todas y agregar cero.

42
00:03:07,530 --> 00:03:12,140
También podemos hacernos la vida más difícil y usar algunos selectores más creativos de CSSA.

43
00:03:12,240 --> 00:03:20,250
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í

44
00:03:20,250 --> 00:03:28,260
que podría escribir un selector de CSSA que diga Seleccione los párrafos después de un H1 o adyacente a cada uno

45
00:03:28,320 --> 00:03:29,840
con el signo más.

46
00:03:29,970 --> 00:03:31,320
Entonces eso se vería así.

47
00:03:31,320 --> 00:03:32,880
Si realmente quisiera hacerlo

48
00:03:33,120 --> 00:03:39,150
Selector de Cory y ese sería H-1 más el párrafo.

49
00:03:39,720 --> 00:03:42,920
Y eso también me da el primer párrafo.

50
00:03:42,960 --> 00:03:45,630
Hay muchas otras formas en que podríamos hacerlo también.

51
00:03:45,630 --> 00:03:48,090
Podríamos hacer primero el tipo de párrafo.

52
00:03:48,210 --> 00:03:53,250
Podemos ser bastante creativos, pero no hay razón para hacerlo si podemos obtenerlo con una ID o un nombre

53
00:03:53,250 --> 00:03:54,690
de clase o nombre de etiqueta.

54
00:03:54,990 --> 00:03:55,220
DE ACUERDO.

55
00:03:55,230 --> 00:04:00,000
Así que con suerte puedes encontrar al menos cuatro de ellos, ya que puedes ver que hay muchas

56
00:04:00,120 --> 00:04:03,760
opciones como en C S S podemos apuntar a algo de muchas maneras diferentes.

57
00:04:03,780 --> 00:04:08,630
Realmente no hay una respuesta correcta en este caso porque tiene una ID.

58
00:04:08,730 --> 00:04:14,520
Probablemente usaría el selector de consultas con la ID, que es lo que hicimos aquí.

59
00:04:14,520 --> 00:04:15,800
O obtener elemento por ID