1
00:00:01,190 --> 00:00:05,660
In questo video esamineremo una soluzione al set di problemi dei selettori CSSA.

2
00:00:05,970 --> 00:00:08,790
E ho intenzione di risolvere ogni problema dall'alto verso il basso.

3
00:00:09,060 --> 00:00:12,760
Quindi sentiti libero di andare avanti se ce ne sono solo uno o due con cui hai avuto problemi.

4
00:00:13,260 --> 00:00:20,110
Così abbiamo fatto il primo insieme nel video iniziale, dando all'elemento del corpo uno sfondo di questo colore.

5
00:00:20,820 --> 00:00:25,650
Quindi diciamo solo che lo sfondo del corpo è questo colore, salvo per noi.

6
00:00:25,740 --> 00:00:32,440
Andiamo avanti e caricarlo nell'aggiornamento del browser e puoi vedere che otteniamo uno sfondo grigio.

7
00:00:32,760 --> 00:00:36,910
Quindi il prossimo è rendere l'elemento H uno di questo colore.

8
00:00:37,190 --> 00:00:41,640
Quindi la stessa cosa eccetto piuttosto che lo sfondo abbiamo appena detto colorato.

9
00:00:42,210 --> 00:00:46,530
Salviamo eredita o H-1 diventa viola.

10
00:00:46,710 --> 00:00:52,830
Ricorda che se avessimo più di un H-1 sulla pagina sarebbero tutti viola.

11
00:00:52,830 --> 00:00:56,190
Quindi questo prossimo è rendere tutti gli elementi H-2 arancioni.

12
00:00:56,520 --> 00:00:58,820
Lo stesso identico selettore dei due precedenti.

13
00:00:59,190 --> 00:01:06,030
E poi, per renderlo arancione, userò solo il colore arancione incorporato, ma potresti usare qualsiasi altro sistema

14
00:01:06,030 --> 00:01:10,870
di colori e puoi vedere che otteniamo ogni età per quei quattro.

15
00:01:11,100 --> 00:01:13,830
Diventano arancioni.

16
00:01:14,040 --> 00:01:19,520
Quindi continueremo a spostare questo verso il lato per rendere blu tutti gli elementi alleati.

17
00:01:19,680 --> 00:01:21,840
Scegli il tuo blu esadecimale.

18
00:01:22,350 --> 00:01:29,280
Quindi per farlo selezioniamo tutti gli alleati e poi diamo loro un colore e faremo un

19
00:01:29,280 --> 00:01:30,120
blu esadecimale.

20
00:01:30,180 --> 00:01:33,540
Quindi potresti mettere tutto qui purché sia ​​più blu di ogni altra cosa.

21
00:01:33,690 --> 00:01:37,560
Quindi ricorda che il primo canale è rosso, quindi i due successivi sono verdi.

22
00:01:37,560 --> 00:01:43,870
Quindi faremo un po 'di verde e facciamo un po' di blu.

23
00:01:44,460 --> 00:01:50,880
Salvalo e diamo un'occhiata agli alleati e puoi vedere che otteniamo luci blu.

24
00:01:51,630 --> 00:01:55,570
Quindi ora cambia lo sfondo di ogni paragrafo in giallo.

25
00:01:55,860 --> 00:02:00,310
E 'solo un altro in cui selezioniamo ogni elemento di un tipo.

26
00:02:00,360 --> 00:02:10,570
Quindi tutti i paragrafi di sfondo giallo salvano e otteniamo un mucchio di paragrafi gialli.

27
00:02:10,740 --> 00:02:15,510
Avanti selezionare tutti gli input e dare loro un bordo rosso di tre pixel.

28
00:02:15,570 --> 00:02:20,050
Quindi, inserisci il bordo e ci sono alcuni modi per farlo, possiamo farlo tutto in una volta.

29
00:02:20,070 --> 00:02:22,230
Ordina tre pixel rossi pieni

30
00:02:25,470 --> 00:02:31,830
e puoi vedere che i nostri due input hanno un prefisso o un bordo rosso

31
00:02:31,830 --> 00:02:33,300
pieno oppure possiamo fare

32
00:02:36,420 --> 00:02:45,890
questo bordo rosso a colori con bordo separato con tre pixel e infine lo stile del bordo è solido per ragioni abbastanza ovvie.

33
00:02:45,900 --> 00:02:47,710
È molto più facile farlo.

34
00:02:47,940 --> 00:02:51,440
Ma occasionalmente vorrai farlo quando arrivi su javascript.

35
00:02:51,570 --> 00:02:53,450
Vogliamo aggiornare solo una parte.

36
00:02:53,640 --> 00:02:58,100
Quindi, quando un utente passa sopra qualcosa, si desidera cambiarlo da un bordo rosso a un bordo verde.

37
00:02:58,320 --> 00:03:03,080
Bene, potremmo semplicemente voler cambiare il colore e possiamo lasciare allo stile quello che sono.

38
00:03:03,130 --> 00:03:05,580
Quindi lo lascerò in questo modo.

39
00:03:06,150 --> 00:03:08,270
Ora stiamo passando al selettore di classe.

40
00:03:08,430 --> 00:03:10,690
Quindi dai tutto con la classe Ciao.

41
00:03:10,740 --> 00:03:12,150
Uno sfondo bianco

42
00:03:12,270 --> 00:03:15,390
E se guardiamo l'h t m l, in realtà c'è solo una cosa.

43
00:03:15,390 --> 00:03:18,580
Questo primo paragrafo all'interno di questo div con classe.

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

45
00:03:19,950 --> 00:03:22,500
Quindi selezioniamo quel punto di classe.

46
00:03:22,830 --> 00:03:27,630
Ciao sfondo bianco.

47
00:03:29,520 --> 00:03:31,680
E puoi vedere che prendiamo questo paragrafo qui.

48
00:03:31,710 --> 00:03:34,080
Diventa bianco.

49
00:03:34,440 --> 00:03:40,720
Next up dare l'elemento con ID speciale un bordo blu solido a due pixel.

50
00:03:40,740 --> 00:03:42,920
Scegli la tua R. G. essere blu.

51
00:03:43,290 --> 00:03:49,740
Quindi la stessa cosa ancora questa volta, invece di un punto, usiamo il segno di cancelletto o l'arco per

52
00:03:49,740 --> 00:03:54,630
Thorpe e poi quel nome dell'ID che può vedere di nuovo è proprio qui.

53
00:03:55,110 --> 00:04:03,640
E poi vogliamo dargli un bordo solido di due pixel così da pixel solido e poi R. G. essere blu.

54
00:04:05,210 --> 00:04:14,220
E così avrà 0 rosso 100 verde 200 blu e se siamo freschi possiamo vedere che è piuttosto leggero, ma

55
00:04:14,250 --> 00:04:19,310
un bordo blu di 2 pixel attorno a questo paragrafo con l'ID.

56
00:04:19,440 --> 00:04:27,090
carattere di 25 pixel div e il suggerimento è usare questo carattere di proprietà Dasch di 25 pixel.

57
00:04:27,090 --> 00:04:31,020
Avanti fai tutti i paragrafi che sono annidati all'interno del

58
00:04:31,020 --> 00:04:36,270
Quindi quello che dobbiamo fare qui è piuttosto che selezionare tutti i paragrafi vogliamo solo i paragrafi che sono all'interno

59
00:04:36,270 --> 00:04:42,200
di un div in modo da poter vedere che ci sono alcuni come questo qui che non è all'interno di un div.

60
00:04:42,540 --> 00:04:46,590
Non vogliamo che siano 25 pixel nella dimensione del carattere.

61
00:04:46,800 --> 00:04:56,010
e poi all'interno di quel div tutti i paragrafi così i paragrafi che vivono in qualsiasi div non importa quale

62
00:04:56,190 --> 00:05:04,710
div solo qualsiasi paragrafo in qualsiasi div li selezionerà e gli daranno la dimensione del font 25 pixel salvando

63
00:05:04,710 --> 00:05:17,520
quel refresh e puoi vedere che tutto questo diventa più grande ma quelli che dicono che il paragrafo non all'interno di un div non diventano più grandi perché

64
00:05:17,520 --> 00:05:26,530
non sono invece di un div Next up rende solo gli input con testo di tipo hanno uno sfondo grigio.

65
00:05:26,530 --> 00:05:30,850
Quindi usiamo questo selettore di discendenti dove diciamo div

66
00:05:30,860 --> 00:05:34,790
Quindi questo è un altro tipo di selettore e si basa su un attributo.

67
00:05:35,300 --> 00:05:39,450
Quindi l'attributo che vuoi fare è trovare dove il testo è uguale al testo.

68
00:05:39,520 --> 00:05:44,900
Quindi in pratica solo questo input qui digita uguale a testo.

69
00:05:45,510 --> 00:05:53,620
E così nel modo in cui lo facciamo inseriremo input e quindi parentesi quadre e parentesi quadre.

70
00:05:53,690 --> 00:05:59,570
E poi all'interno di lì l'attributo che è il tipo e stiamo cercando dove è

71
00:06:00,130 --> 00:06:04,440
uguale al testo e poi stiamo per dire lo sfondo grigio.

72
00:06:05,200 --> 00:06:09,880
E poi se scorriamo quaggiù e aggiorna tieni gli occhi bene qui puoi vedere che otteniamo uno sfondo grigio.

73
00:06:10,940 --> 00:06:15,930
Quindi, ancora una volta questo è utile se vuoi che selezioni tutti i link che sono andati a Google.

74
00:06:15,940 --> 00:06:21,480
Dovremmo selezionare basato su H. F. oppure potremmo selezionare qualsiasi altro attributo là fuori.

75
00:06:21,500 --> 00:06:26,680
Quindi, dopo, dai entrambi i paragrafi all'interno del terzo div uno sfondo rosa.

76
00:06:26,870 --> 00:06:28,180
Quindi questo diventa un po 'pazzo.

77
00:06:28,190 --> 00:06:30,070
Diamo un'occhiata all'HMO.

78
00:06:30,320 --> 00:06:32,110
Ecco la nostra terza div. Il primo è qui.

79
00:06:32,120 --> 00:06:34,000
Il secondo è qui e il

80
00:06:34,120 --> 00:06:40,210
terzo è qui e ci sono due paragrafi e vogliamo selezionarli entrambi e dare loro uno sfondo rosa.

81
00:06:40,210 --> 00:06:42,920
Quindi quello che abbiamo fatto prima è stato selezionare tutti i paragrafi all'interno di tutte le div che non funzioneranno qui.

82
00:06:42,910 --> 00:06:50,160
Quello che facciamo quello che vogliamo fare è selezionare tutti i paragrafi all'interno del terzo div nella pagina.

83
00:06:50,320 --> 00:06:55,420
E il modo in cui possiamo specificare il terzo div è usare la fine del tipo.

84
00:06:55,660 --> 00:07:01,000
Quindi diremo div e di tipo 3.

85
00:07:01,000 --> 00:07:06,990
Quindi questo ci darà un terzo div e poi invece di tutti i paragrafi

86
00:07:07,030 --> 00:07:12,950
e poi diremo semplicemente che lo sfondo è rosa e salviamo l'aggiornamento e ricontrolliamo.

87
00:07:12,940 --> 00:07:21,110
Ecco il nostro primo div.

88
00:07:21,190 --> 00:07:22,930
Ecco il secondo div.

89
00:07:23,180 --> 00:07:25,330
Ed ecco il terzo div.

90
00:07:25,660 --> 00:07:26,960
Inizia a paragrafo inizia con cardigan e io sono il secondo paragrafo.

91
00:07:27,110 --> 00:07:31,440
Eccoci al cardigan.

92
00:07:31,630 --> 00:07:33,090
Sono il secondo paragrafo

93
00:07:33,220 --> 00:07:35,850
Prossimo in alto dare questo secondo paragrafo all'interno del terzo div un bordo bianco bordo cinque pixel.

94
00:07:35,870 --> 00:07:42,260
Quindi questo è molto simile tranne che vogliamo solo il secondo paragrafo all'interno del terzo div.

95
00:07:42,250 --> 00:07:47,140
Quindi solo questo.

96
00:07:47,140 --> 00:07:48,570
paragrafo e il tipo.

97
00:07:49,060 --> 00:07:57,910
Quindi facciamo la stessa cosa quando selezioniamo il terzo div e il tipo 3 e poi, piuttosto che tutti i paragrafi, andremo a fare il

98
00:07:58,340 --> 00:08:02,110
E vogliamo il secondo in modo che possiamo combinarli.

99
00:08:02,810 --> 00:08:06,470
Questo selezionerà il secondo paragrafo invece del

100
00:08:06,470 --> 00:08:13,440
terzo div e vogliamo dargli un bordo bianco 5 pixel bordo bianco 5 pixel.

101
00:08:13,450 --> 00:08:20,230
Eccoci.

102
00:08:20,260 --> 00:08:20,820
Ecco il nostro bordo bianco solido a cinque pixel sul secondo paragrafo nel div.

103
00:08:20,870 --> 00:08:24,610
Non il primo

104
00:08:24,740 --> 00:08:27,110
Quindi fai E-M nel terzo elemento div di colore bianco e 20 pixel.

105
00:08:27,130 --> 00:08:34,490
Ecco questo E-M proprio qui cronut skateboard.

106
00:08:35,600 --> 00:08:40,450
Se non conosci Krown, è davvero delizioso.

107
00:08:40,450 --> 00:08:43,200
Forse sopravvalutato.

108
00:08:43,500 --> 00:08:44,690
Pasticceria decisamente fuori moda a New York City.

109
00:08:44,770 --> 00:08:48,740
Ha una ciambella e un croissant.

110
00:08:48,790 --> 00:08:50,810
Quindi sicuramente a casa invece del vocabolario ipsum hipster qui.

111
00:08:51,080 --> 00:08:56,420
E prenderemo quell'E-M e lo faremo Swan bianco e 20 pixel.

112
00:08:56,410 --> 00:09:03,750
selezionare il terzo div 3 e poi solo l'E-M all'interno.

113
00:09:04,070 --> 00:09:07,700
Quindi, come prima dovevamo

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

115
00:09:15,830 --> 00:09:18,490
E questo selezionerà tutti gli IEM e succede solo che ce n'è solo uno.

116
00:09:18,790 --> 00:09:23,030
Ma se ce ne fossero più di uno potremmo voler

117
00:09:23,140 --> 00:09:31,050
dire E-M prima di tipo o E-M invece di un paragrafo, ma per ora lo lascerò per questo.

118
00:09:31,510 --> 00:09:33,240
E vogliamo dargli un colore da bianco a colori e un colore bianco da 20 pixel e una da 20 pixel.

119
00:09:33,430 --> 00:09:43,580
E solo per ricordarti che passeremo il tempo a parlare di font e dimensioni dei

120
00:09:44,090 --> 00:09:49,420
caratteri e di altre cose nei video futuri.

121
00:09:49,420 --> 00:09:52,110
Eccoci.

122
00:09:52,120 --> 00:09:53,310
È bianco e la dimensione del carattere cambia.

123
00:09:53,440 --> 00:09:55,720
Quindi ora ci sono alcuni degli esercizi bonus che sono alcuni dei miei preferiti.

124
00:09:56,330 --> 00:09:59,910
Ci sono alcuni dei più oscuri i modi più interessanti di selezionare le cose e manipolarle.

125
00:10:00,050 --> 00:10:04,520
Quindi per iniziare.

126
00:10:05,710 --> 00:10:06,800
Diamo un'occhiata a fare le caselle di controllo hanno un margine sinistro di 50 pixel e l'ho dato a voi.

127
00:10:07,210 --> 00:10:13,750
È necessario utilizzare il margine sinistro per 50 pixel.

128
00:10:13,750 --> 00:10:16,980
Quindi c'è un selettore per selezionare gli elementi che sono controllati.

129
00:10:17,530 --> 00:10:21,970
E sembra proprio questo.

130
00:10:21,980 --> 00:10:23,590
È uno pseudo-selettore proprio come l'ennesimo tipo.

131
00:10:23,810 --> 00:10:26,740
Quindi dobbiamo dire che quello che stiamo cercando è stato controllato.

132
00:10:26,750 --> 00:10:29,910
Quindi dirò solo tutti gli input che sono stati controllati perché ricorda che

133
00:10:29,950 --> 00:10:36,400
le caselle di controllo sono tipo di input nella casella di controllo ci sono altri elementi che possono essere controllati anche se principalmente il pulsante di opzione.

134
00:10:36,400 --> 00:10:45,130
Quindi questo dovrebbe anche selezionare tutti i pulsanti radio che sono stati controllati e per ora va bene.

135
00:10:45,130 --> 00:10:49,850
Quindi sembra che i due punti di input siano stati controllati.

136
00:10:50,080 --> 00:10:53,410
E quello che vogliamo fare è usare il margine sinistro di cinquanta pixel.

137
00:10:53,510 --> 00:10:58,180
Quindi questa è una piccola anticipazione di ciò che stiamo vedendo in

138
00:10:58,390 --> 00:11:03,790
alcuni dei video futuri quando aggiungiamo questo e aggiungerà un po 'di spazio sul

139
00:11:03,800 --> 00:11:09,670
lato sinistro della casella di controllo in modo da poter vedere quelli che sono stati spostati.

140
00:11:10,030 --> 00:11:11,160
Ora se controllo questo ora questo è controllato e si sposta verso destra 50 pixel.

141
00:11:11,160 --> 00:11:17,400
Se li deseleziono e torno indietro a sinistra.

142
00:11:17,440 --> 00:11:22,100
Quindi è controllato.

143
00:11:22,750 --> 00:11:24,200
Il prossimo.

144
00:11:24,520 --> 00:11:25,390
Questo è probabilmente il mio preferito.

145
00:11:25,460 --> 00:11:26,620
Rendi gli elementi dell'etichetta tutti in maiuscolo senza modificare l'HMO.

146
00:11:26,710 --> 00:11:31,380
Quindi ho accennato che vorrete sicuramente vederlo

147
00:11:31,750 --> 00:11:36,820
e questo perché sicuramente non l'abbiamo superato.

148
00:11:36,820 --> 00:11:38,130
Quindi per iniziare

149
00:11:38,230 --> 00:11:45,400
selezioniamo solo tutti gli elementi dell'etichetta e quindi diciamo che non so come renderli maiuscoli senza modificare l'HMO.

150
00:11:45,400 --> 00:11:47,890
Quindi tiriamo su Google e facciamo una ricerca e questo è qualcosa che avevo sicuramente fatto prima.

151
00:11:48,130 --> 00:11:53,650
Quindi andiamo su e facciamo una ricerca vedi vedi maiuscole puoi vedere la

152
00:11:53,920 --> 00:12:04,060
prima cosa che appare è la trasformazione del testo e la trasformazione del testo dice che specifica come inserire il testo in maiuscolo.

153
00:12:04,150 --> 00:12:10,820
Può essere usato per far apparire il testo in maiuscolo o in minuscolo o con ogni parola in maiuscolo.

154
00:12:11,080 --> 00:12:16,810
Quindi, scorrere verso il basso e dare un'occhiata alla sintassi e sembra che abbiamo capitalizzare.

155
00:12:18,520 --> 00:12:23,210
Prima lettera maiuscola e maiuscola del capitalista.

156
00:12:23,290 --> 00:12:26,580
Quindi vogliamo le maiuscole.

157
00:12:26,620 --> 00:12:29,730
Quindi il testo si trasforma in maiuscolo.

158
00:12:29,770 --> 00:12:33,360
E quello che ho appena fatto non era solo per

159
00:12:33,550 --> 00:12:38,560
mostrarti qualcosa che è in realtà qualcosa che faccio tutto il tempo che sta

160
00:12:38,560 --> 00:12:47,320
cercando qualcosa su Google digitando C Ss blah blah blah CSSA maiuscolo C S S trasparente qualunque cosa io stia cercando di fare.

161
00:12:47,590 --> 00:12:48,730
E guardo solo i risultati della ricerca perché ci sono così tante proprietà da ricordare.

162
00:12:48,850 --> 00:12:52,610
Non puoi ricordare tutti loro.

163
00:12:52,690 --> 00:12:54,300
Quindi questo è uno dei più oscuri.

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

165
00:12:56,140 --> 00:12:57,240
E se aggiorniamo questo è per le etichette che sono quaggiù.

166
00:12:57,550 --> 00:13:02,750
Lasciatemi liberarmi di questo solo per mostrarti il ​​nostro tempo.

167
00:13:02,860 --> 00:13:07,480
Queste sono le etichette.

168
00:13:07,510 --> 00:13:08,750
E poi aggiungiamo questo e rinfreschiamo la parte superiore.

169
00:13:09,070 --> 00:13:13,180
Quindi, dopo abbiamo creato la prima lettera dell'elemento con ID speciale verde e dimensione del carattere di 100 pixel.

170
00:13:14,200 --> 00:13:21,400
Quindi, per indirizzare la prima lettera che è un'altra che potremmo voler

171
00:13:22,240 --> 00:13:27,940
cercare, per prima cosa scrivici e vediamo cosa otteniamo.

172
00:13:28,390 --> 00:13:31,030
Quindi sembra che ci sia un altro pseudo-selettore.

173
00:13:31,090 --> 00:13:33,430
La prima lettera C S elemento seleziona la prima lettera della prima riga di un blocco.

174
00:13:33,610 --> 00:13:39,550
Quindi se dai uno sguardo alla prima lettera di esempio.

175
00:13:39,610 --> 00:13:43,930
Andiamo avanti e provalo.

176
00:13:44,200 --> 00:13:46,990
Vogliamo prima selezionare l'ID speciale e quindi prima la lettera di quello.

177
00:13:47,240 --> 00:13:53,420
E vogliamo renderlo verde e 100 pixel nella dimensione del font in modo

178
00:13:53,980 --> 00:14:04,020
che il colore verde e la dimensione del carattere di 100 pixel vengano salvati e che l'elemento sia proprio qui.

179
00:14:04,780 --> 00:14:06,560
Quindi tieni d'occhio la prima lettera che aggiorniamo e otteniamo questo gigantesco occhio verde.

180
00:14:06,580 --> 00:14:13,220
Il prossimo fa cambiare il colore degli elementi H-1 in blu quando si passa sopra.

181
00:14:14,110 --> 00:14:19,430
Quindi questo è in realtà abbastanza comune per avere un qualche tipo di effetto.

182
00:14:19,690 --> 00:14:23,370
Quando passi il mouse su qualcosa di solito è piuttosto sottile forse un pulsante

183
00:14:23,380 --> 00:14:28,840
e ti soffi sopra e c'è una piccola ombra che sembra che il colore si sposti leggermente per sembrare una

184
00:14:28,840 --> 00:14:34,120
sorta di prospettiva 3D per qualcosa che ti dia solo un po ' un po 'di interattività senza distrarsi distrarre.

185
00:14:34,120 --> 00:14:40,000
Quindi andremo a selezionare l'H-1 E questo in realtà è tutto ciascuno.

186
00:14:40,510 --> 00:14:44,960
Ma in questo caso è solo uno e lo pseudo-selettore è al

187
00:14:44,980 --> 00:14:51,760
passaggio del mouse e qualsiasi cosa venga inserita qui viene applicata solo quando un utente passa sopra l'elemento.

188
00:14:51,760 --> 00:14:54,780
Quindi color blu risparmiamo.

189
00:14:55,210 --> 00:14:57,680
Ecco il nostro H-1.

190
00:14:58,030 --> 00:14:59,820
E se al passaggio del mouse diventa blu quando smetto di librarsi torna a qualsiasi cosa avesse prima.

191
00:15:00,250 --> 00:15:06,610
Quindi, finalmente, rendi gli elementi che sono stati visitati in grigio e vedendo i due elementi

192
00:15:08,380 --> 00:15:15,280
questi due collegamenti in realtà sono entrambi link a Facebook che sono link che ho visitato in precedenza.

193
00:15:15,280 --> 00:15:20,380
È per questo che sono viola Chrome per impostazione predefinita renderà tutto visto viola.

194
00:15:20,380 --> 00:15:25,530
Quindi mettiamo un link che non ho assolutamente mai visto prima e preparerò

195
00:15:25,660 --> 00:15:29,320
qualcosa per iniziare e ti mostrerò come aggiornare la pagina.

196
00:15:29,320 --> 00:15:32,110
Ora è blu.

197
00:15:32,110 --> 00:15:33,190
Perché non ci sono stato.

198
00:15:33,250 --> 00:15:34,900
Quindi lasciamo in questo modo per ora non ho intenzione di fare clic su di esso.

199
00:15:35,080 --> 00:15:37,440
E vogliamo che quelli visitati siano viola piuttosto che

200
00:15:38,020 --> 00:15:41,760
Mi dispiace che vogliamo che il visitatore sia grigio prima che viola.

201
00:15:42,000 --> 00:15:45,490
Quindi selezioniamo i tag degli pseudo selettori chiamati visitati e quindi faremo il salvataggio in grigio.

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

203
00:15:56,840 --> 00:15:57,920
Tieni d'occhio questo qui.

204
00:15:58,030 --> 00:15:59,540
Renderò il carattere un po 'più grande.

205
00:15:59,590 --> 00:16:00,970
Attualmente è viola perché sono stato lì prima di aggiornare.

206
00:16:00,970 --> 00:16:04,430
Adesso è fantastico.

207
00:16:04,540 --> 00:16:05,500
OK quindi spero ti sia piaciuto quell'esercizio.

208
00:16:05,800 --> 00:16:07,990
C'è molto da disfare.

209
00:16:07,990 --> 00:16:09,340
Un sacco di diversi selettori.

210
00:16:09,340 --> 00:16:10,990
E una cosa che aggiungerò è

211
00:16:11,290 --> 00:16:17,140
che per ogni soluzione che ho o quasi ogni singolo ci sono almeno uno o due modi per ottenere lo stesso esatto risultato.

212
00:16:17,140 --> 00:16:21,460
Quindi se tu avessi qualcosa che differiva da me ma funzionava ancora, è grandioso.

213
00:16:21,490 --> 00:16:25,360
Sentiti libero di aggiungere i commenti.

214
00:16:25,360 --> 00:16:27,060
Condividilo con altre persone.

215
00:16:27,160 --> 00:16:28,490
È totalmente valido

216
00:16:28,510 --> 00:16:29,780
Questo è solo il modo in cui l'avrei fatto.

217
00:16:29,800 --> 00:16:32,680
Un'altra cosa

218
00:16:32,680 --> 00:16:33,890
Ovviamente il sito non è particolarmente attraente.

219
00:16:34,240 --> 00:16:37,060
Questo non è un vero sito.

220
00:16:37,210 --> 00:16:38,620
Lavoreremo su un progetto reale molto presto nel prossimo video di esercizio.

221
00:16:38,650 --> 00:16:43,110
In realtà faremo un piccolo blog che è un po 'meglio progettato.

222
00:16:43,210 --> 00:16:47,040
Sembra molto più bello di questo.

223
00:16:47,140 --> 00:16:49,020
Questo è più semplicemente un esercizio di pratica.

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