1
00:00:01,190 --> 00:00:05,660
En este video vamos a repasar una solución al conjunto de problemas de selectores de CSSA.

2
00:00:05,970 --> 00:00:08,790
Y voy a repasar todos los problemas de arriba hacia abajo.

3
00:00:09,060 --> 00:00:12,760
Así que siéntase libre de avanzar si solo hay uno o dos con los que tuvo problemas.

4
00:00:13,260 --> 00:00:20,110
Así que hicimos el primero juntos en el video inicial para darle al elemento del cuerpo un fondo de este color.

5
00:00:20,820 --> 00:00:25,650
Entonces solo decimos que el fondo del cuerpo es este color salvo para nosotros.

6
00:00:25,740 --> 00:00:32,440
Vámonos y carguemos en la actualización del navegador para que veamos que tenemos un fondo gris.

7
00:00:32,760 --> 00:00:36,910
Entonces el siguiente es hacer el elemento H uno de este color.

8
00:00:37,190 --> 00:00:41,640
Lo mismo, excepto en lugar de fondo, simplemente dijimos color.

9
00:00:42,210 --> 00:00:46,530
Ahorramos inheres o H-1 se vuelve violeta.

10
00:00:46,710 --> 00:00:52,830
Recuerde que si tuviéramos más de un H-1 en la página, todos serían de color púrpura.

11
00:00:52,830 --> 00:00:56,190
Así que este próximo es hacer que todos los elementos H-2 sean anaranjados.

12
00:00:56,520 --> 00:00:58,820
Tan exacto mismo selector como los dos anteriores.

13
00:00:59,190 --> 00:01:06,030
Y luego para que sea naranja, solo voy a usar el color naranja incorporado, pero podrías usar cualquier otro

14
00:01:06,030 --> 00:01:10,870
sistema de color y puedes ver que tenemos cada edad para esos cuatro.

15
00:01:11,100 --> 00:01:13,830
Se vuelven naranja.

16
00:01:14,040 --> 00:01:19,520
Así que, a continuación, cambiaremos esto a un lado para que todos los elementos aliados se vuelvan azules.

17
00:01:19,680 --> 00:01:21,840
Elige tu propio azul hexadecimal.

18
00:01:22,350 --> 00:01:29,280
Para eso seleccionamos todos los aliados y luego les damos un color y vamos a hacer un

19
00:01:29,280 --> 00:01:30,120
azul hexadecimal.

20
00:01:30,180 --> 00:01:33,540
Así que puedes poner algo aquí siempre que sea más azul que cualquier otra cosa.

21
00:01:33,690 --> 00:01:37,560
Así que recuerda que el primer canal es rojo y los siguientes dos son verdes.

22
00:01:37,560 --> 00:01:43,870
Así que haremos un poco de verde y luego un montón de azul.

23
00:01:44,460 --> 00:01:50,880
Guarda eso y echemos un vistazo a los Aliados y puedes ver que obtenemos luces azules.

24
00:01:51,630 --> 00:01:55,570
Entonces, cambie el fondo en cada párrafo para que sea amarillo.

25
00:01:55,860 --> 00:02:00,310
Es solo uno más donde seleccionamos cada elemento de un tipo.

26
00:02:00,360 --> 00:02:10,570
Entonces todos los párrafos de fondo amarillo guardan y obtenemos un montón de párrafos amarillos.

27
00:02:10,740 --> 00:02:15,510
A continuación, seleccione todas las entradas y asígneles un borde rojo de tres píxeles.

28
00:02:15,570 --> 00:02:20,050
Entonces, ingrese el borde y hay algunas maneras de hacerlo, podemos hacerlo todo de una vez.

29
00:02:20,070 --> 00:02:22,230
Ordene tres píxeles de color rojo

30
00:02:25,470 --> 00:02:31,830
sólido y podrá ver que nuestras dos entradas tienen un prefijo o un borde rojo sólido o

31
00:02:31,830 --> 00:02:33,300
podríamos hacer esto por

32
00:02:36,420 --> 00:02:45,890
separado. El borde rojo del color del borde es de tres píxeles y finalmente el estilo del borde es sólido por razones bastante obvias.

33
00:02:45,900 --> 00:02:47,710
Es mucho más fácil hacer esto.

34
00:02:47,940 --> 00:02:51,440
Pero ocasionalmente querrá hacer esto cuando llegue a javascript.

35
00:02:51,570 --> 00:02:53,450
Solo queremos actualizar una parte.

36
00:02:53,640 --> 00:02:58,100
Entonces, cuando un usuario pasa el mouse sobre algo, quiere cambiarlo de un borde rojo a un borde verde.

37
00:02:58,320 --> 00:03:03,080
Bueno, es posible que solo deseemos cambiar el color y podemos dejar el estilo como están.

38
00:03:03,130 --> 00:03:05,580
Así que voy a dejarlo así.

39
00:03:06,150 --> 00:03:08,270
A continuación, ahora nos movemos al selector de clases.

40
00:03:08,430 --> 00:03:10,690
Así que dale todo a la clase Hola.

41
00:03:10,740 --> 00:03:12,150
Un fondo blanco.

42
00:03:12,270 --> 00:03:15,390
Y si miramos el ht m l, en realidad hay una sola cosa.

43
00:03:15,390 --> 00:03:18,580
Este primer párrafo dentro de este div con clase.

44
00:03:18,630 --> 00:03:19,520
Hola.

45
00:03:19,950 --> 00:03:22,500
Entonces seleccionamos ese punto de clase.

46
00:03:22,830 --> 00:03:27,630
Hola fondo blanco.

47
00:03:29,520 --> 00:03:31,680
Y pueden ver que tenemos este párrafo aquí.

48
00:03:31,710 --> 00:03:34,080
Se pone blanco.

49
00:03:34,440 --> 00:03:40,720
A continuación, brinde al elemento con ID especial un borde azul sólido de dos píxeles.

50
00:03:40,740 --> 00:03:42,920
Elige tu propia R. GRAMO. se azul.

51
00:03:43,290 --> 00:03:49,740
Lo mismo esta vez, en vez de un punto, usamos el signo de almohadilla o el arco para Thorpe

52
00:03:49,740 --> 00:03:54,630
y luego el nombre de la ID que puede ver nuevamente está aquí. Id especial.

53
00:03:55,110 --> 00:04:03,640
Y luego queremos darle un borde sólido de dos píxeles para que se convierta en un píxel sólido y luego en R. GRAMO. se azul.

54
00:04:05,210 --> 00:04:14,220
Y así tendremos 0 rojo 100 verde 200 azul y si estamos frescos que puedes ver que obtenemos es bastante leve pero

55
00:04:14,250 --> 00:04:19,310
un borde azul de 2 píxeles alrededor de este párrafo con la ID.

56
00:04:19,440 --> 00:04:27,090
de la fuente divs de 25 píxeles y la sugerencia es usar esta fuente de propiedad Dasch size 25 píxeles.

57
00:04:27,090 --> 00:04:31,020
A continuación, haga todos los párrafos que están anidados dentro

58
00:04:31,020 --> 00:04:36,270
Entonces, lo que tenemos que hacer aquí es, en lugar de seleccionar todos los párrafos, que solo queremos los párrafos

59
00:04:36,270 --> 00:04:42,200
que están dentro de un div para que pueda ver que hay algunos como este que no están dentro de un div.

60
00:04:42,540 --> 00:04:46,590
No queremos que tengan 25 píxeles de tamaño de fuente.

61
00:04:46,800 --> 00:04:56,010
luego dentro de ese div todos los párrafos para que los párrafos que viven en cualquier div no importen qué div

62
00:04:56,190 --> 00:05:04,710
solo cualquier párrafo en cualquier divs los seleccionará y les dará un tamaño de fuente de 25 píxeles excepto esa

63
00:05:04,710 --> 00:05:17,520
actualización y puedes ver que todos estos se vuelven más grandes, pero estos que dicen que el párrafo no está dentro de un div no se agrandan porque no

64
00:05:17,520 --> 00:05:26,530
están en lugar de un div. El siguiente paso solo hace que las entradas con texto tipo tengan un fondo gris.

65
00:05:26,530 --> 00:05:30,850
Entonces usamos este selector de descendientes donde decimos div y

66
00:05:30,860 --> 00:05:34,790
Entonces este es otro tipo de selector y está basado en un atributo.

67
00:05:35,300 --> 00:05:39,450
Entonces, el atributo que desea hacer es buscar donde el tipo es igual al texto.

68
00:05:39,520 --> 00:05:44,900
Así que, básicamente, solo esta entrada aquí escribe type equal text.

69
00:05:45,510 --> 00:05:53,620
Y entonces, de la manera en que lo hacemos, vamos a escribir entrada y luego llaves cuadradas y sip llaves cuadradas.

70
00:05:53,690 --> 00:05:59,570
Y luego, dentro de allí, el atributo que es tipo y estamos buscando dónde

71
00:06:00,130 --> 00:06:04,440
es igual al texto y luego solo diremos gris de fondo.

72
00:06:05,200 --> 00:06:09,880
Y luego, si nos desplazamos hacia abajo y actualizamos la vista, aquí puede ver que tenemos un fondo gris.

73
00:06:10,940 --> 00:06:15,930
Entonces, de nuevo, esto es útil si desea que seleccione todos los enlaces que fueron a Google.

74
00:06:15,940 --> 00:06:21,480
Seleccionamos basado fuera de H. F. o podríamos seleccionar fuera de cualquier otro atributo por ahí.

75
00:06:21,500 --> 00:06:26,680
Así que el próximo da a los dos párrafos dentro del tercer div un fondo rosa.

76
00:06:26,870 --> 00:06:28,180
Entonces este se vuelve un poco loco.

77
00:06:28,190 --> 00:06:30,070
Así que echemos un vistazo a la HMO.

78
00:06:30,320 --> 00:06:32,110
Aquí está nuestro tercer div. El primero está aquí.

79
00:06:32,120 --> 00:06:34,000
El segundo está aquí y

80
00:06:34,120 --> 00:06:40,210
el tercero está aquí y hay dos párrafos y queremos seleccionarlos y darles un fondo rosa.

81
00:06:40,210 --> 00:06:42,920
Entonces, lo que hicimos antes fue seleccionar todos los párrafos dentro de todos los divs que no funcionarán aquí.

82
00:06:42,910 --> 00:06:50,160
Lo que hacemos, lo que queremos hacer es seleccionar todos los párrafos dentro del tercer div en la página.

83
00:06:50,320 --> 00:06:55,420
Y la forma en que podemos especificar el tercer div es usar el fin del tipo.

84
00:06:55,660 --> 00:07:01,000
Entonces diremos div y de tipo 3.

85
00:07:01,000 --> 00:07:06,990
Así que eso nos dará un tercer div y luego, en vez de eso, todos los párrafos, y luego

86
00:07:07,030 --> 00:07:12,950
vamos a decir que el fondo es de color rosa y guardaremos la actualización y volvamos a verificar.

87
00:07:12,940 --> 00:07:21,110
Aquí está nuestro primer div.

88
00:07:21,190 --> 00:07:22,930
Aquí está el segundo div.

89
00:07:23,180 --> 00:07:25,330
Y aquí está el tercer div.

90
00:07:25,660 --> 00:07:26,960
Comienza a comenzar el párrafo con un cardigan y yo soy el segundo párrafo.

91
00:07:27,110 --> 00:07:31,440
Ahi vamos rebeca

92
00:07:31,630 --> 00:07:33,090
Soy el segundo párrafo.

93
00:07:33,220 --> 00:07:35,850
Luego dale a este segundo párrafo dentro del tercer div un borde blanco de cinco píxeles.

94
00:07:35,870 --> 00:07:42,260
Entonces este es muy similar, excepto que solo queremos el segundo párrafo dentro del tercer div.

95
00:07:42,250 --> 00:07:47,140
Así que solo este.

96
00:07:47,140 --> 00:07:48,570
párrafo y un tipo.

97
00:07:49,060 --> 00:07:57,910
Entonces hacemos lo mismo donde seleccionamos el tercer div y el tipo 3 y luego, en lugar de todos los párrafos, vamos a hacer un

98
00:07:58,340 --> 00:08:02,110
Y queremos el segundo para que podamos combinarlos.

99
00:08:02,810 --> 00:08:06,470
Esto seleccionará el segundo párrafo en lugar del

100
00:08:06,470 --> 00:08:13,440
tercer div y queremos darle un borde blanco de 5 píxeles blanco sólido de 5 píxeles.

101
00:08:13,450 --> 00:08:20,230
Aquí vamos.

102
00:08:20,260 --> 00:08:20,820
Aquí está nuestro borde blanco sólido de cinco píxeles en el segundo párrafo en el div.

103
00:08:20,870 --> 00:08:24,610
No el primero.

104
00:08:24,740 --> 00:08:27,110
A continuación, haga que la E-M en el tercer elemento div sea blanca y la fuente de 20 píxeles.

105
00:08:27,130 --> 00:08:34,490
Así que ese es este E-M aquí, cronut skateboard.

106
00:08:35,600 --> 00:08:40,450
Si no conoces a Krown, es muy delicioso.

107
00:08:40,450 --> 00:08:43,200
Quizás sobrevalorado.

108
00:08:43,500 --> 00:08:44,690
Definitivamente, pasteles caros fuera de la ciudad de Nueva York.

109
00:08:44,770 --> 00:08:48,740
Tiene un donut y un croissant.

110
00:08:48,790 --> 00:08:50,810
Así que definitivamente en casa en lugar del vocabulario ipsum hipster aquí.

111
00:08:51,080 --> 00:08:56,420
Y vamos a tomar ese E-M y lo vamos a hacer blanco y Swan de 20 píxeles.

112
00:08:56,410 --> 00:09:03,750
que seleccionar el tercer div 3 y luego solo el E-M adentro.

113
00:09:04,070 --> 00:09:07,700
Así que al igual que antes

114
00:09:11,840 --> 00:09:12,200
teníamos

115
00:09:15,830 --> 00:09:18,490
Y esto seleccionará todos los IEM y simplemente sucede que solo hay uno.

116
00:09:18,790 --> 00:09:23,030
Pero si hubiera más de uno, podríamos decir E-M

117
00:09:23,140 --> 00:09:31,050
primero de tipo o E-M en lugar de un párrafo, pero lo dejaré así por ahora.

118
00:09:31,510 --> 00:09:33,240
Y queremos darle color blanco a color y 20 píxeles de color de fuente blanco y tamaño de fuente de 20 píxeles.

119
00:09:33,430 --> 00:09:43,580
Y solo para recordarles que vamos a pasar un tiempo hablando sobre las fuentes y el tamaño de

120
00:09:44,090 --> 00:09:49,420
letra y un montón de otras cosas en futuros videos.

121
00:09:49,420 --> 00:09:52,110
Aquí vamos.

122
00:09:52,120 --> 00:09:53,310
Es blanco y el tamaño de la fuente cambia.

123
00:09:53,440 --> 00:09:55,720
Así que ahora estamos en algunos de los ejercicios de bonificación que son algunos de mis favoritos.

124
00:09:56,330 --> 00:09:59,910
Hay algunas de las más oscuras formas más interesantes de seleccionar cosas y manipularlas.

125
00:10:00,050 --> 00:10:04,520
Entonces para comenzar.

126
00:10:05,710 --> 00:10:06,800
Veamos cómo hacer que todas las casillas marcadas tengan un margen izquierdo de 50 píxeles y se las di.

127
00:10:07,210 --> 00:10:13,750
Debe usar el margen izquierdo para 50 píxeles.

128
00:10:13,750 --> 00:10:16,980
Entonces, hay un selector para seleccionar los elementos que están marcados.

129
00:10:17,530 --> 00:10:21,970
Y solo se ve así.

130
00:10:21,980 --> 00:10:23,590
Es un pseudo selector al igual que enésimo de tipo.

131
00:10:23,810 --> 00:10:26,740
Entonces, tenemos que decir que lo que estamos buscando ha sido verificado.

132
00:10:26,750 --> 00:10:29,910
Así que solo voy a decir todas las entradas que han sido revisadas

133
00:10:29,950 --> 00:10:36,400
porque recuerde que las casillas de verificación son de tipo entrada casilla de verificación, hay otros elementos que se pueden revisar aunque principalmente el botón de opción.

134
00:10:36,400 --> 00:10:45,130
Así que esto también seleccionaría cualquier botón de radio que haya sido verificado y que está bien por ahora.

135
00:10:45,130 --> 00:10:49,850
Entonces parece que esta entrada de colon marcada.

136
00:10:50,080 --> 00:10:53,410
Y lo que queremos hacer es usar un margen de cincuenta píxeles.

137
00:10:53,510 --> 00:10:58,180
Así que esta es una pequeña vista previa de lo que vamos a

138
00:10:58,390 --> 00:11:03,790
encontrar en algunos de los videos futuros cuando lo agreguemos y agregará algo de espacio

139
00:11:03,800 --> 00:11:09,670
en el lado izquierdo de la casilla de verificación para que pueda ver los que están marcados.

140
00:11:10,030 --> 00:11:11,160
Ahora si compruebo esto ahora esto está marcado y se mueve hacia la derecha 50 píxeles.

141
00:11:11,160 --> 00:11:17,400
Si los desactivo y vuelvo a la izquierda.

142
00:11:17,440 --> 00:11:22,100
Así que eso está marcado.

143
00:11:22,750 --> 00:11:24,200
El siguiente.

144
00:11:24,520 --> 00:11:25,390
Este es probablemente mi favorito.

145
00:11:25,460 --> 00:11:26,620
Haga que los elementos de la etiqueta estén en mayúsculas sin cambiar la HMO.

146
00:11:26,710 --> 00:11:31,380
Así que mencioné que definitivamente querrás mirar eso

147
00:11:31,750 --> 00:11:36,820
y eso es porque definitivamente no hemos analizado esto.

148
00:11:36,820 --> 00:11:38,130
Entonces, para empezar, seleccionamos

149
00:11:38,230 --> 00:11:45,400
todos los elementos de la etiqueta y luego digamos que no sé cómo hacerlos en mayúsculas sin cambiar la HMO.

150
00:11:45,400 --> 00:11:47,890
Así que vamos a buscar a Google y hacer una búsqueda, y esto es algo que definitivamente había hecho antes.

151
00:11:48,130 --> 00:11:53,650
Así que vamos a subir y hacer una búsqueda ver evaluar mayúsculas, puedes ver

152
00:11:53,920 --> 00:12:04,060
que lo primero que aparece es la transformación de texto y la transformación de texto, dice que especifica cómo capitalizar el texto de los elementos.

153
00:12:04,150 --> 00:12:10,820
Se puede usar para hacer que el texto aparezca en mayúsculas o minúsculas o con cada palabra en mayúscula.

154
00:12:11,080 --> 00:12:16,810
Entonces nos desplazamos hacia abajo y echamos un vistazo a la sintaxis y parece que hemos capitalizado.

155
00:12:18,520 --> 00:12:23,210
¿Será la primera letra del capitalista mayúscula y minúscula?

156
00:12:23,290 --> 00:12:26,580
Entonces queremos mayúsculas.

157
00:12:26,620 --> 00:12:29,730
Entonces el texto se transforma en mayúscula.

158
00:12:29,770 --> 00:12:33,360
Y lo que acabo de hacer no fue solo

159
00:12:33,550 --> 00:12:38,560
mostrarle algo, es algo que hago todo el tiempo y que está buscando

160
00:12:38,560 --> 00:12:47,320
cosas para ir a Google escribiendo C Ss, bla, bla, bla, CSSA, mayúscula C S S transparente todo lo que estoy buscando hacer.

161
00:12:47,590 --> 00:12:48,730
Y solo miro los resultados de búsqueda porque hay tantas propiedades para recordar.

162
00:12:48,850 --> 00:12:52,610
No puedes recordarlos a todos.

163
00:12:52,690 --> 00:12:54,300
Entonces este es uno de los más oscuros.

164
00:12:54,610 --> 00:12:56,140
Seguro.

165
00:12:56,140 --> 00:12:57,240
Y si actualizamos esto, es para las etiquetas que están aquí abajo.

166
00:12:57,550 --> 00:13:02,750
Así que déjenme deshacerme de eso solo para mostrarles nuestro tiempo.

167
00:13:02,860 --> 00:13:07,480
Estas son las etiquetas.

168
00:13:07,510 --> 00:13:08,750
Y luego agregamos esto y refrescamos su caja superior.

169
00:13:09,070 --> 00:13:13,180
Así que, a continuación, haremos la primera letra del elemento con ID verde especial y tamaño de fuente de 100 píxeles.

170
00:13:14,200 --> 00:13:21,400
Así que para apuntar a la primera letra que es otra que quizás

171
00:13:22,240 --> 00:13:27,940
deseemos buscar, escríbanos la primera letra y vea lo que obtenemos.

172
00:13:28,390 --> 00:13:31,030
Entonces parece que hay otro pseudo selector.

173
00:13:31,090 --> 00:13:33,430
La primera letra del elemento C Ss selecciona la primera letra de la primera línea de un bloque.

174
00:13:33,610 --> 00:13:39,550
Entonces, si miras una primera carta de ejemplo.

175
00:13:39,610 --> 00:13:43,930
Vamos a intentar eso.

176
00:13:44,200 --> 00:13:46,990
Queremos primero seleccionar el ID especial y luego primero la letra de eso.

177
00:13:47,240 --> 00:13:53,420
Y queremos que sea verde y 100 píxeles en el tamaño de fuente,

178
00:13:53,980 --> 00:14:04,020
por lo que el color verde y el tamaño de letra de 100 píxeles se guardan y ese elemento está aquí.

179
00:14:04,780 --> 00:14:06,560
Así que estén atentos a la primera carta que refresquemos y obtenemos este gigante ojo verde.

180
00:14:06,580 --> 00:14:13,220
A continuación, haga que el color de los elementos H-1 cambie a azul cuando esté sobrevolado.

181
00:14:14,110 --> 00:14:19,430
Entonces este es bastante común tener algún tipo de efecto.

182
00:14:19,690 --> 00:14:23,370
Cuando pasas el mouse por encima de algo generalmente es bastante sutil, tal vez

183
00:14:23,380 --> 00:14:28,840
un botón y pasas sobre él y hay una pequeña sombra que parece que el color cambia ligeramente para que parezca

184
00:14:28,840 --> 00:14:34,120
que conoces algún tipo de perspectiva tridimensional para que algo te brinde un poco un poco de interactividad sin distraerse distrayendo.

185
00:14:34,120 --> 00:14:40,000
Así que vamos a seleccionar el H-1 Y en realidad esto es todo para cada uno.

186
00:14:40,510 --> 00:14:44,960
Pero en este caso, es solo uno y el pseudo selector está

187
00:14:44,980 --> 00:14:51,760
suspendido y todo lo que ponemos aquí solo se aplica cuando un usuario se desplaza sobre el elemento.

188
00:14:51,760 --> 00:14:54,780
Así que colorea el azul que guardamos.

189
00:14:55,210 --> 00:14:57,680
Aquí está nuestro H-1.

190
00:14:58,030 --> 00:14:59,820
Y si sobrevuelo se vuelve azul cuando dejo de moverse, vuelve a ser lo que tenía antes.

191
00:15:00,250 --> 00:15:06,610
Así que finalmente hacen que los elementos que se han visitado se vuelvan grises y, como puede ver

192
00:15:08,380 --> 00:15:15,280
los dos elementos, estos dos enlaces en realidad son enlaces a Facebook, que son enlaces que he visitado anteriormente.

193
00:15:15,280 --> 00:15:20,380
Por eso son de color púrpura Chrome por defecto hará que todos los visitados piensen púrpura.

194
00:15:20,380 --> 00:15:25,530
Así que pongamos un enlace en el que definitivamente no he estado antes y que solo

195
00:15:25,660 --> 00:15:29,320
hará que algo empiece y te mostraré que actualices la página.

196
00:15:29,320 --> 00:15:32,110
Ahora es azul

197
00:15:32,110 --> 00:15:33,190
Porque no he estado allí.

198
00:15:33,250 --> 00:15:34,900
Así que dejémoslo así por ahora, no voy a hacer clic en él.

199
00:15:35,080 --> 00:15:37,440
Y queremos que los visitados sean de color púrpura en lugar de.

200
00:15:38,020 --> 00:15:41,760
Lo siento, queremos que los visitados sean grises en lugar de morados.

201
00:15:42,000 --> 00:15:45,490
Así que seleccionamos una etiqueta que los pseudo selectores llamaron visitados y luego vamos a hacer que sea gris guardar.

202
00:15:45,760 --> 00:15:56,600
Y si refrescamos

203
00:15:56,840 --> 00:15:57,920
Mantén tu ojo en este aquí.

204
00:15:58,030 --> 00:15:59,540
Voy a hacer que la fuente sea un poco más grande.

205
00:15:59,590 --> 00:16:00,970
Actualmente está morado porque estuve allí antes de actualizar.

206
00:16:00,970 --> 00:16:04,430
Ahora es genial.

207
00:16:04,540 --> 00:16:05,500
OK, así que espero que hayas disfrutado ese ejercicio.

208
00:16:05,800 --> 00:16:07,990
Hay mucho que desempacar allí.

209
00:16:07,990 --> 00:16:09,340
Una gran cantidad de selectores diferentes.

210
00:16:09,340 --> 00:16:10,990
Y una cosa que agregaré es

211
00:16:11,290 --> 00:16:17,140
que por cada solución que tengo o casi todas hay al menos una o dos formas más de lograr exactamente el mismo resultado.

212
00:16:17,140 --> 00:16:21,460
Entonces, si tuviste algo que difiere de mí, pero funcionó, eso es genial.

213
00:16:21,490 --> 00:16:25,360
Siéntase libre de agregar en los comentarios.

214
00:16:25,360 --> 00:16:27,060
Compártalo con otras personas.

215
00:16:27,160 --> 00:16:28,490
Es totalmente válido

216
00:16:28,510 --> 00:16:29,780
Esta es solo la forma en que lo habría hecho.

217
00:16:29,800 --> 00:16:32,680
Otra cosa.

218
00:16:32,680 --> 00:16:33,890
Obviamente, el sitio no es particularmente atractivo.

219
00:16:34,240 --> 00:16:37,060
Este no es un sitio real.

220
00:16:37,210 --> 00:16:38,620
Trabajaremos en un proyecto real muy pronto en el siguiente video de ejercicios.

221
00:16:38,650 --> 00:16:43,110
En realidad vamos a hacer un pequeño sitio de blog que esté un poco mejor diseñado.

222
00:16:43,210 --> 00:16:47,040
Se ve mucho mejor que esto.

223
00:16:47,140 --> 00:16:49,020
Esto es más solo un ejercicio de práctica.

224
00:16:49,030 --> 00:16:51,010