1
00:00:01,190 --> 00:00:05,660
Neste vídeo, vamos examinar uma solução para o conjunto de problemas dos seletores CSSA.

2
00:00:05,970 --> 00:00:08,790
E eu vou superar todos os problemas do topo.

3
00:00:09,060 --> 00:00:12,760
Então, sinta-se livre para avançar rápido se houver apenas um ou dois que você teve problemas.

4
00:00:13,260 --> 00:00:20,110
Então fizemos o primeiro juntos no vídeo inicial, damos ao elemento do corpo um plano de fundo dessa cor.

5
00:00:20,820 --> 00:00:25,650
Então, nós apenas dizemos que o fundo do corpo é essa cor para nós.

6
00:00:25,740 --> 00:00:32,440
Vamos continuar e carregá-lo na atualização do navegador e você pode ver um fundo cinza.

7
00:00:32,760 --> 00:00:36,910
Então, o próximo é tornar o elemento H dessa cor.

8
00:00:37,190 --> 00:00:41,640
Da mesma forma, exceto em um plano de fundo que acabamos de dizer colorido.

9
00:00:42,210 --> 00:00:46,530
Nós salvamos as propriedades ou H-1 torna-se roxo.

10
00:00:46,710 --> 00:00:52,830
Lembre-se se tivéssemos mais de um H-1 na página, todos seriam roxos.

11
00:00:52,830 --> 00:00:56,190
Então, este próximo é tornar todos os elementos H-2 laranja.

12
00:00:56,520 --> 00:00:58,820
Exatamente o mesmo seletor do que os dois acima.

13
00:00:59,190 --> 00:01:06,030
E, em seguida, para torná-lo laranja eu vou apenas usar a cor laranja embutida, mas você pode usar qualquer

14
00:01:06,030 --> 00:01:10,870
outro sistema de cores e você pode ver todas as idades para esses quatro.

15
00:01:11,100 --> 00:01:13,830
Eles ficam laranja.

16
00:01:14,040 --> 00:01:19,520
Então, em seguida, vamos mudar isso para o lado, crie todos os elementos aliados em azul.

17
00:01:19,680 --> 00:01:21,840
Escolha o seu próprio azul hexadecimal.

18
00:01:22,350 --> 00:01:29,280
Então, para fazer isso, selecionamos todos os aliados e depois lhes damos uma cor e vamos fazer um

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

20
00:01:30,180 --> 00:01:33,540
Então você poderia colocar qualquer coisa aqui, desde que seja mais azul do que qualquer outra coisa.

21
00:01:33,690 --> 00:01:37,560
Então lembre-se que o primeiro canal está vermelho, então os dois próximos são verdes.

22
00:01:37,560 --> 00:01:43,870
Então, vamos fazer um pouco de verde, vamos fazer e depois um monte de azul.

23
00:01:44,460 --> 00:01:50,880
Salve isso e vamos dar uma olhada nos Aliados e você pode ver que nós temos luzes azuis.

24
00:01:51,630 --> 00:01:55,570
Então, altere o plano de fundo em cada parágrafo para ser amarelo.

25
00:01:55,860 --> 00:02:00,310
É apenas mais um lugar onde selecionamos cada elemento de um tipo.

26
00:02:00,360 --> 00:02:10,570
Então, todos os parágrafos de fundo amarelo salvam e nós conseguimos um monte de parágrafos amarelos.

27
00:02:10,740 --> 00:02:15,510
Em seguida, selecione todas as entradas e dê-lhes uma borda vermelha de três pixels.

28
00:02:15,570 --> 00:02:20,050
Então, entrada fronteira e há algumas maneiras de fazer isso, podemos fazer tudo de uma vez.

29
00:02:20,070 --> 00:02:22,230
Peça três pixels de vermelho

30
00:02:25,470 --> 00:02:31,830
sólido e você pode ver nossas duas entradas ter um prefixo ou uma borda vermelha

31
00:02:31,830 --> 00:02:33,300
sólida ou podemos fazer

32
00:02:36,420 --> 00:02:45,890
isso com a borda separada de cor vermelha com três pixels e, finalmente, o estilo de borda é sólido por motivos bastante óbvios.

33
00:02:45,900 --> 00:02:47,710
É muito mais fácil fazer isso.

34
00:02:47,940 --> 00:02:51,440
Mas, ocasionalmente, você vai querer fazer isso quando chegar ao javascript.

35
00:02:51,570 --> 00:02:53,450
Queremos apenas atualizar uma parte.

36
00:02:53,640 --> 00:02:58,100
Então, quando um usuário paira sobre algo que deseja mudar de uma borda vermelha para uma borda verde.

37
00:02:58,320 --> 00:03:03,080
Bem, podemos querer mudar a cor e podemos deixar o estilo com a forma como estão.

38
00:03:03,130 --> 00:03:05,580
Então vou deixá-lo assim.

39
00:03:06,150 --> 00:03:08,270
Em seguida, estamos passando para o seletor de classe.

40
00:03:08,430 --> 00:03:10,690
Então, dê tudo com a classe Olá.

41
00:03:10,740 --> 00:03:12,150
Um fundo branco.

42
00:03:12,270 --> 00:03:15,390
E se olharmos para o h t m l, na verdade, há apenas uma coisa.

43
00:03:15,390 --> 00:03:18,580
Este primeiro parágrafo dentro desta div com a classe.

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

45
00:03:19,950 --> 00:03:22,500
Então selecionamos esse ponto de classe.

46
00:03:22,830 --> 00:03:27,630
Olá fundo branco.

47
00:03:29,520 --> 00:03:31,680
E você pode ver este parágrafo aqui.

48
00:03:31,710 --> 00:03:34,080
Vira branco.

49
00:03:34,440 --> 00:03:40,720
Em seguida, dê ao elemento com ID especial uma borda azul sólida de dois pixels.

50
00:03:40,740 --> 00:03:42,920
Escolha o seu próprio R. G. seja azul.

51
00:03:43,290 --> 00:03:49,740
Então, a mesma coisa novamente desta vez em vez de um ponto, usamos o sinal de hash ou o arco para Thorpe

52
00:03:49,740 --> 00:03:54,630
e, em seguida, o nome da identificação que ela pode ver novamente é exatamente o Id especial.

53
00:03:55,110 --> 00:04:03,640
E então, queremos dar uma largura sólida de dois pixels para pixel sólido e depois R. G. seja azul.

54
00:04:05,210 --> 00:04:14,220
E assim teremos 0 vermelho 100 verde 200 de azul e se estivéssemos frescos que você pode ver, ficamos muito leve, mas

55
00:04:14,250 --> 00:04:19,310
uma borda azul de 2 pixels em torno deste parágrafo com o ID.

56
00:04:19,440 --> 00:04:27,090
da fonte divs 25 pixel e a dica é usar esta fonte de propriedade tamanho Dasch 25 pixels.

57
00:04:27,090 --> 00:04:31,020
Em seguida, crie todos os parágrafos que estão aninhados dentro

58
00:04:31,020 --> 00:04:36,270
Então, o que precisamos fazer aqui é em vez de selecionar todos os parágrafos, só queremos parágrafos que estejam

59
00:04:36,270 --> 00:04:42,200
dentro de uma div para que você possa ver que existem alguns como este aqui que não está dentro de uma div.

60
00:04:42,540 --> 00:04:46,590
Nós não queremos que esses sejam 25 pixels no tamanho da fonte.

61
00:04:46,800 --> 00:04:56,010
e, então, dentro dessa div todos os parágrafos, então os parágrafos que vivem em qualquer div não importa quais div

62
00:04:56,190 --> 00:05:04,710
apenas os parágrafos em qualquer divs os selecionam e dê-lhes tamanho da fonte 25 pixels salvo que atualizem

63
00:05:04,710 --> 00:05:17,520
e você pode ver que todos eles ficam maiores, mas esses que dizem que o parágrafo não está dentro de uma div não aumentam porque eles não são

64
00:05:17,520 --> 00:05:26,530
em vez de uma div. Em seguida, faça apenas as entradas com o tipo de texto tiverem um fundo cinza.

65
00:05:26,530 --> 00:05:30,850
Então, usamos esse seletor de descendentes onde dizemos div

66
00:05:30,860 --> 00:05:34,790
Então, este é outro tipo de seletor e é baseado em um atributo.

67
00:05:35,300 --> 00:05:39,450
Então, o atributo que você deseja fazer é encontrar onde o tipo é igual ao texto.

68
00:05:39,520 --> 00:05:44,900
Então, basicamente, essa entrada aqui é o tipo de texto.

69
00:05:45,510 --> 00:05:53,620
E assim, da maneira que fazemos, vamos digitar a entrada e, em seguida, chaves trançadas e agulhas quadradas.

70
00:05:53,690 --> 00:05:59,570
E então dentro de lá o atributo que é tipo e estamos procurando por onde é

71
00:06:00,130 --> 00:06:04,440
igual a texto e então vamos apenas dizer cinza de fundo.

72
00:06:05,200 --> 00:06:09,880
E então, se deslocarmos para baixo aqui e atualizar, mantenha o seu olho aqui mesmo, você pode ver um fundo cinza.

73
00:06:10,940 --> 00:06:15,930
Então, novamente, este é útil se você quiser que ele selecione todos os links que foram para o Google.

74
00:06:15,940 --> 00:06:21,480
Nós escolheríamos com base em H. F. ou podemos selecionar fora de qualquer outro atributo lá fora.

75
00:06:21,500 --> 00:06:26,680
Então, em seguida, dê a ambos os parágrafos dentro do terceiro div um fundo rosa.

76
00:06:26,870 --> 00:06:28,180
Então, este fica um pouco louco.

77
00:06:28,190 --> 00:06:30,070
Então, vamos dar uma olhada no HMO.

78
00:06:30,320 --> 00:06:32,110
Aqui está a nossa terceira div. O primeiro está aqui.

79
00:06:32,120 --> 00:06:34,000
O segundo está aqui e

80
00:06:34,120 --> 00:06:40,210
o terceiro está aqui e há dois parágrafos e queremos selecioná-los e dar-lhes um fundo rosa.

81
00:06:40,210 --> 00:06:42,920
Então, o que fizemos anteriormente foi selecionar todos os parágrafos dentro de todos os divs que não funcionarão aqui.

82
00:06:42,910 --> 00:06:50,160
O que fazemos o que queremos fazer é selecionar todos os parágrafos dentro da terceira div na página.

83
00:06:50,320 --> 00:06:55,420
E a maneira como podemos especificar a terceira div é usar o fim do tipo.

84
00:06:55,660 --> 00:07:01,000
Então, diremos div e do tipo 3.

85
00:07:01,000 --> 00:07:06,990
Então, isso vai nos dar uma terceira div e, em vez disso, todos os parágrafos e

86
00:07:07,030 --> 00:07:12,950
então vamos dizer que o fundo é rosa e economize a atualização e vamos verificar novamente.

87
00:07:12,940 --> 00:07:21,110
Aqui está a nossa primeira div.

88
00:07:21,190 --> 00:07:22,930
Aqui está a segunda div.

89
00:07:23,180 --> 00:07:25,330
E aqui está a terceira div.

90
00:07:25,660 --> 00:07:26,960
Comece a começar o parágrafo com cardigan e eu sou o segundo parágrafo.

91
00:07:27,110 --> 00:07:31,440
Lá vamos um cardigan.

92
00:07:31,630 --> 00:07:33,090
Eu sou o segundo parágrafo.

93
00:07:33,220 --> 00:07:35,850
Em seguida, dê este segundo parágrafo dentro da terceira div uma borda branca de cinco pixel.

94
00:07:35,870 --> 00:07:42,260
Então, este é muito similar, exceto que só queremos o segundo parágrafo dentro da terceira div.

95
00:07:42,250 --> 00:07:47,140
Então, apenas este.

96
00:07:47,140 --> 00:07:48,570
parágrafo e do tipo.

97
00:07:49,060 --> 00:07:57,910
Então, fazemos a mesma coisa em que selecionamos a terceira div e do tipo 3 e, em vez de todos os parágrafos, então vamos fazer o

98
00:07:58,340 --> 00:08:02,110
E queremos o segundo para que possamos combiná-los.

99
00:08:02,810 --> 00:08:06,470
Isso vai selecionar o segundo parágrafo em vez da

100
00:08:06,470 --> 00:08:13,440
terceira div e queremos dar-lhe uma beira branca de 5 pixel com 5 pixels de branco sólido.

101
00:08:13,450 --> 00:08:20,230
Aqui vamos nós.

102
00:08:20,260 --> 00:08:20,820
Aqui está o nosso limite de cinco pixels branco sólido no segundo parágrafo na div.

103
00:08:20,870 --> 00:08:24,610
Não é o primeiro.

104
00:08:24,740 --> 00:08:27,110
Em seguida, faça o E-M no terceiro elemento div branco e fonte de 20 pixels.

105
00:08:27,130 --> 00:08:34,490
Então, esse é o E-M aqui mesmo skate de cronut.

106
00:08:35,600 --> 00:08:40,450
Se você não conhece Krown, é muito gostoso.

107
00:08:40,450 --> 00:08:43,200
Talvez sobrevalorizado.

108
00:08:43,500 --> 00:08:44,690
Sobremesa definitivamente decadente da cidade de Nova York.

109
00:08:44,770 --> 00:08:48,740
Tem uma rosquinha e um croissant.

110
00:08:48,790 --> 00:08:50,810
Então, definitivamente em casa em vez do vocabulário ipsum hipster aqui.

111
00:08:51,080 --> 00:08:56,420
E nós vamos pegar esse E-M e nós vamos torná-lo branco e 20 pixels Swan.

112
00:08:56,410 --> 00:09:03,750
o terceiro div 3 e, em seguida, apenas o E-M dentro.

113
00:09:04,070 --> 00:09:07,700
Então, como antes, tivemos que

114
00:09:11,840 --> 00:09:12,200
selecionar

115
00:09:15,830 --> 00:09:18,490
E isso irá selecionar todos os IEMs e só acontece que há apenas um.

116
00:09:18,790 --> 00:09:23,030
Mas se houvesse mais de um, poderíamos querer dizer

117
00:09:23,140 --> 00:09:31,050
E-M primeiro do tipo ou E-M ao invés de um parágrafo, mas deixarei isso assim por agora.

118
00:09:31,510 --> 00:09:33,240
E queremos dar a cor branca e cor de fonte de 20 pixels e tamanho da fonte 20 pixels.

119
00:09:33,430 --> 00:09:43,580
E apenas para lembrá-lo, vamos passar tempo falando sobre fontes e tamanho de fonte e

120
00:09:44,090 --> 00:09:49,420
um monte de outras coisas em futuros vídeos.

121
00:09:49,420 --> 00:09:52,110
Aqui vamos nós.

122
00:09:52,120 --> 00:09:53,310
É branco e o tamanho da fonte muda.

123
00:09:53,440 --> 00:09:55,720
Então, agora estamos em alguns dos exercícios de bônus que são alguns dos meus favoritos.

124
00:09:56,330 --> 00:09:59,910
Há algumas das mais obscuras formas mais interessantes de selecionar coisas e manipulá-las.

125
00:10:00,050 --> 00:10:04,520
Então, para começar.

126
00:10:05,710 --> 00:10:06,800
Vejamos que todas as caixas de seleção marcadas têm uma margem esquerda de 50 pixels e eu dei a você.

127
00:10:07,210 --> 00:10:13,750
Você precisa usar a margem esquerda para 50 pixels.

128
00:10:13,750 --> 00:10:16,980
Portanto, há um seletor para selecionar os elementos que estão marcados.

129
00:10:17,530 --> 00:10:21,970
E isso simplesmente parece assim.

130
00:10:21,980 --> 00:10:23,590
É um pseudo seletor exatamente como o n. ° do tipo.

131
00:10:23,810 --> 00:10:26,740
Então, precisamos dizer o que estamos procurando que tenha sido verificado.

132
00:10:26,750 --> 00:10:29,910
Então, vou dizer todas as entradas que foram verificadas porque lembre-se que

133
00:10:29,950 --> 00:10:36,400
as caixas de seleção são caixa de seleção de tipo de entrada, existem outros elementos que podem ser verificados, principalmente pelo botão de rádio.

134
00:10:36,400 --> 00:10:45,130
Então, isso também selecionaria os botões de rádio que foram verificados e que está bem por enquanto.

135
00:10:45,130 --> 00:10:49,850
Então, parece que esta entrada foi verificada no cólon.

136
00:10:50,080 --> 00:10:53,410
E o que queremos fazer é usar margem esquerda de cinquenta pixels.

137
00:10:53,510 --> 00:10:58,180
Então, esta é uma pequena prévia do que estamos vendo em alguns

138
00:10:58,390 --> 00:11:03,790
dos futuros vídeos quando adicionamos isso e vai adicionar algum espaço no lado esquerdo

139
00:11:03,800 --> 00:11:09,670
da caixa de seleção para que você possa ver os que foram verificados mudados.

140
00:11:10,030 --> 00:11:11,160
Agora, se eu verificar este agora, isso é verificado e ele se desloca para os 50 pixels certos.

141
00:11:11,160 --> 00:11:17,400
Se eu desmarcá-los e voltar para a esquerda.

142
00:11:17,440 --> 00:11:22,100
Então está marcado.

143
00:11:22,750 --> 00:11:24,200
O proximo.

144
00:11:24,520 --> 00:11:25,390
Este é provavelmente o meu favorito.

145
00:11:25,460 --> 00:11:26,620
Faça os elementos do rótulo em letras maiúsculas sem alterar o HMO.

146
00:11:26,710 --> 00:11:31,380
Então, eu mencionei que você definitivamente quer dar uma olhada

147
00:11:31,750 --> 00:11:36,820
em um e isso é porque definitivamente não passamos por isso.

148
00:11:36,820 --> 00:11:38,130
Então, para começar, vamos

149
00:11:38,230 --> 00:11:45,400
selecionar todos os elementos do rótulo e depois digamos que não sei como fazê-los maiúsculas sem alterar o HMO.

150
00:11:45,400 --> 00:11:47,890
Então, vamos puxar o Google e fazer uma pesquisa e isso é algo que eu definitivamente fiz antes.

151
00:11:48,130 --> 00:11:53,650
Então, vamos subir e fazer uma pesquisa, ver avaliar maiúsculas e minúsculas, você pode

152
00:11:53,920 --> 00:12:04,060
ver a primeira coisa que aparece é transformação de texto e a transformação de texto diz que ele especifica como capitalizar em texto de elementos.

153
00:12:04,150 --> 00:12:10,820
Ele pode ser usado para que o texto apareça em todas as maiúsculas ou minúsculas ou com cada palavra maiúscula.

154
00:12:11,080 --> 00:12:16,810
Então, nos deslocamos para baixo e damos uma olhada na sintaxe e parece que nós capitalizamos.

155
00:12:18,520 --> 00:12:23,210
Será a maiúscula e minúscula da maiúscula.

156
00:12:23,290 --> 00:12:26,580
Então, queremos maiúsculas.

157
00:12:26,620 --> 00:12:29,730
Então o texto transforma-se em maiúsculas.

158
00:12:29,770 --> 00:12:33,360
E o que acabei de fazer não foi apenas para mostrar-lhe

159
00:12:33,550 --> 00:12:38,560
algo é realmente algo que eu faço o tempo todo, o que está procurando coisas

160
00:12:38,560 --> 00:12:47,320
indo para o Google digitando C Ss blá blá blá CSSA maiúsculas e minúsculas C S S transparente o que eu estou olhando para fazer.

161
00:12:47,590 --> 00:12:48,730
E eu apenas olho para os resultados da pesquisa porque existem muitas propriedades para se lembrar.

162
00:12:48,850 --> 00:12:52,610
Você não pode se lembrar de todos eles.

163
00:12:52,690 --> 00:12:54,300
Então, este é um dos mais obscuros.

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

165
00:12:56,140 --> 00:12:57,240
E se atualizarmos isso é para rótulos que estão aqui embaixo.

166
00:12:57,550 --> 00:13:02,750
Então, deixe-me apenas me livrar disso apenas para mostrar o nosso tempo.

167
00:13:02,860 --> 00:13:07,480
Estes são os rótulos.

168
00:13:07,510 --> 00:13:08,750
E, em seguida, adicionamos isso e atualizamos seu invólucro superior.

169
00:13:09,070 --> 00:13:13,180
Então, em seguida, fizemos a primeira letra do elemento com ID verde especial e tamanho de fonte de 100 pixels.

170
00:13:14,200 --> 00:13:21,400
Então, para atacar a primeira carta que é outra, podemos querer procurar

171
00:13:22,240 --> 00:13:27,940
a primeira carta de SEUS e ver o que recebemos.

172
00:13:28,390 --> 00:13:31,030
Então, parece que há outro pseudo seletor.

173
00:13:31,090 --> 00:13:33,430
A primeira letra C Ss elemento seleciona a primeira letra da primeira linha de um bloco.

174
00:13:33,610 --> 00:13:39,550
Então, se você dar uma olhada na primeira letra do exemplo.

175
00:13:39,610 --> 00:13:43,930
Vamos em frente e tente isso.

176
00:13:44,200 --> 00:13:46,990
Queremos primeiro selecionar o ID especial e, em seguida, primeiro a letra dele.

177
00:13:47,240 --> 00:13:53,420
E queremos torná-lo verde e 100 pixels em tamanho de fonte, de

178
00:13:53,980 --> 00:14:04,020
modo que a cor verde e o tamanho da fonte 100 pixels sejam salvos e esse elemento está bem aqui.

179
00:14:04,780 --> 00:14:06,560
Portanto, fique atento à primeira carta que atualizamos e obtemos este gigantesco olho verde.

180
00:14:06,580 --> 00:14:13,220
Em seguida, a cor dos elementos H-1 é alterada para o azul quando se deslocou.

181
00:14:14,110 --> 00:14:19,430
Então, este é bastante comum ter algum tipo de efeito.

182
00:14:19,690 --> 00:14:23,370
Quando você passa o mouse sobre algo, geralmente é bastante sutil, talvez seja um botão

183
00:14:23,380 --> 00:14:28,840
e você passa por cima dele e há uma pequena sombra que parece que a cor muda muito ligeiramente para parecer que

184
00:14:28,840 --> 00:14:34,120
você conhece algum tipo de perspectiva 3-D para algo que lhe dê apenas um pouco pouco de interatividade sem distração distraída.

185
00:14:34,120 --> 00:14:40,000
Então, vamos selecionar o H-1 e isso é realmente tudo a cada um.

186
00:14:40,510 --> 00:14:44,960
Mas, neste caso, é apenas um e o pseudo seletor passa

187
00:14:44,980 --> 00:14:51,760
e tudo o que colocamos aqui é aplicado somente quando um usuário paira sobre o elemento.

188
00:14:51,760 --> 00:14:54,780
Então cor azul, economizamos.

189
00:14:55,210 --> 00:14:57,680
Aqui está o nosso H-1.

190
00:14:58,030 --> 00:14:59,820
E se eu deslizar para o azul quando eu parar de girar, ele volta ao que tinha antes.

191
00:15:00,250 --> 00:15:06,610
Então, finalmente, faça os elementos que foram vistos em cinza e, como ele pode ver

192
00:15:08,380 --> 00:15:15,280
os dois elementos, esses dois links realmente ligam para o Facebook, links que eu já visitei.

193
00:15:15,280 --> 00:15:20,380
É por isso que eles são roxos, o Chrome, por padrão, fará com que todos os visitados pensem em roxo.

194
00:15:20,380 --> 00:15:25,530
Então, coloquemos um link que eu definitivamente não estive antes e isso só vai fazer algo

195
00:15:25,660 --> 00:15:29,320
para começar e eu vou mostrar que você atualiza a página.

196
00:15:29,320 --> 00:15:32,110
Agora é azul.

197
00:15:32,110 --> 00:15:33,190
Porque não estive lá.

198
00:15:33,250 --> 00:15:34,900
Então, deixe-o assim por agora, não vou clicar nele.

199
00:15:35,080 --> 00:15:37,440
E queremos que os visitados sejam mais roxos do que.

200
00:15:38,020 --> 00:15:41,760
Desculpe, queremos que o visitado seja uma vez cinza e não púrpura.

201
00:15:42,000 --> 00:15:45,490
Então, selecionamos as tags dos pseudo-seletores chamados visitados e, então, vamos economizar.

202
00:15:45,760 --> 00:15:56,600
E se atualizarmos.

203
00:15:56,840 --> 00:15:57,920
Fique de olho neste aqui.

204
00:15:58,030 --> 00:15:59,540
Eu tornarei a fonte um pouco maior.

205
00:15:59,590 --> 00:16:00,970
Atualmente, é roxo porque já estive lá antes de atualizar.

206
00:16:00,970 --> 00:16:04,430
Agora é ótimo.

207
00:16:04,540 --> 00:16:05,500
Ok então, espero que tenha gostado desse exercício.

208
00:16:05,800 --> 00:16:07,990
Há muito para desempacotar lá.

209
00:16:07,990 --> 00:16:09,340
Muitos seletores diferentes.

210
00:16:09,340 --> 00:16:10,990
E uma coisa que vou acrescentar é

211
00:16:11,290 --> 00:16:17,140
que, para todas as soluções que tenho ou quase todas, há pelo menos uma ou duas maneiras de alcançar exatamente o mesmo resultado.

212
00:16:17,140 --> 00:16:21,460
Então, se você tivesse algo que diferisse de mim, mas ainda funcionou, isso é ótimo.

213
00:16:21,490 --> 00:16:25,360
Não hesite em adicionar os comentários.

214
00:16:25,360 --> 00:16:27,060
Compartilhe isso com outras pessoas.

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

216
00:16:28,510 --> 00:16:29,780
Esta é exatamente a maneira que eu teria feito isso.

217
00:16:29,800 --> 00:16:32,680
Uma outra coisa.

218
00:16:32,680 --> 00:16:33,890
Obviamente, o site não é particularmente atraente.

219
00:16:34,240 --> 00:16:37,060
Este não é um site real.

220
00:16:37,210 --> 00:16:38,620
Nós estaremos trabalhando em um projeto real muito em breve no próximo vídeo de exercícios.

221
00:16:38,650 --> 00:16:43,110
Na verdade, vamos fazer um pequeno site de blog projetado um pouco melhor.

222
00:16:43,210 --> 00:16:47,040
Parece muito mais agradável do que isso.

223
00:16:47,140 --> 00:16:49,020
Isto é mais apenas um exercício de prática.

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