1
00:00:01,190 --> 00:00:05,660
Bu videoda, CSSA seçicileri sorununun çözümüne geçeceğiz.

2
00:00:05,970 --> 00:00:08,790
Üst kattaki her sorunu da gidereceğim.

3
00:00:09,060 --> 00:00:12,760
Bu nedenle sorun yaşadığınız bir veya iki varsa hızlı bir şekilde ileri gitmekten çekinmeyin.

4
00:00:13,260 --> 00:00:20,110
İlk videoda birlikte ilkini yaptık, gövde elemanına bu rengin bir arka planını verdik.

5
00:00:20,820 --> 00:00:25,650
Dolayısıyla sadece vücut arka planı bu renk bizim için tasarruf olduğunu söylüyoruz.

6
00:00:25,740 --> 00:00:32,440
Devam edin ve tarayıcı yenilemesinde yükleyelim ve gri bir arka plan görüyoruz.

7
00:00:32,760 --> 00:00:36,910
Böylece bir sonraki renk, H bir elementi bu rengin yapmaktır.

8
00:00:37,190 --> 00:00:41,640
Arkaplanda ziyade, sadece renkli dediklerimiz dışında aynı şey.

9
00:00:42,210 --> 00:00:46,530
Kalıpları koruyoruz ya da H-1 mor renk alıyor.

10
00:00:46,710 --> 00:00:52,830
Unutmayın, sayfada birden fazla H-1 olsaydı hepsi mor olurdu.

11
00:00:52,830 --> 00:00:56,190
Yani bir sonraki bu, tüm H-2 elemanlarını turuncu yapıyor.

12
00:00:56,520 --> 00:00:58,820
Dolayısıyla yukarıdaki ikisi ile aynen aynı seçici.

13
00:00:59,190 --> 00:01:06,030
Ve sonra portakal yapmak için sadece yerleşik turuncu rengi kullanacağım ancak başka renk sistemlerini

14
00:01:06,030 --> 00:01:10,870
de kullanabilirsiniz ve her yaşı bu dört kişiye ulaştıracağımızı görebilirsiniz.

15
00:01:11,100 --> 00:01:13,830
Turuncuya dönüşüyorlar.

16
00:01:14,040 --> 00:01:19,520
Öyleyse bir sonraki adıma, tüm müttefiklerimizi mavi yapacak şekilde kaydırmaya gidiyoruz.

17
00:01:19,680 --> 00:01:21,840
Kendi onaltılık mavinizi seçin.

18
00:01:22,350 --> 00:01:29,280
Bunu yapmak için bütün müttefikleri seçip onlara bir renk verelim ve onaltılık

19
00:01:29,280 --> 00:01:30,120
mavi yapacağız.

20
00:01:30,180 --> 00:01:33,540
Yani başka herhangi bir şeyden daha mavi olduğu sürece burada bir şey koyabilirsiniz.

21
00:01:33,690 --> 00:01:37,560
İlk kanalı kırmızı, sonra yeşil olanı hatırlayın.

22
00:01:37,560 --> 00:01:43,870
Bu yüzden biraz yeşil yapalım sonra bir maviyi yapacağız.

23
00:01:44,460 --> 00:01:50,880
Bunu kaydedin ve Müttefikler'e bir göz atalım ve mavi ışıklar gördüğünüzü görebilirsiniz.

24
00:01:51,630 --> 00:01:55,570
Şimdi sarı olabilmesi için her paragrafın arka planını değiştirin.

25
00:01:55,860 --> 00:02:00,310
Sadece bir türün her elemanını seçtiğimiz bir yer.

26
00:02:00,360 --> 00:02:10,570
Böylece tüm paragraflar sarıya arka planda kalır ve biz bir sürü sarı paragraf alırız.

27
00:02:10,740 --> 00:02:15,510
Sonraki girişler tüm girdileri seçin ve onlara üç piksel kırmızı kenarlık verin.

28
00:02:15,570 --> 00:02:20,050
Dolayısıyla sınırı girin ve bunu yapmanın birkaç yolu var, hepsini aynı anda yapabiliriz.

29
00:02:20,070 --> 00:02:22,230
Üç piksel katı kırmızı

30
00:02:25,470 --> 00:02:31,830
sipariş edin ve iki girdimizin bir önek veya düz kırmızı kenarlığa sahip

31
00:02:31,830 --> 00:02:33,300
olduğunu görebilir veya

32
00:02:36,420 --> 00:02:45,890
bunu ayrı olarak kenarlık rengi kırmızı kenarlık üç pikselle yapabiliriz ve nihayet kenarlık stili oldukça belirgin nedenlerle sağlamdır.

33
00:02:45,900 --> 00:02:47,710
Bunu yapmak çok daha kolaydır.

34
00:02:47,940 --> 00:02:51,440
Ancak bazen javascript'e eriştiğinizde bunu yapmak isteyeceksiniz.

35
00:02:51,570 --> 00:02:53,450
Sadece bir bölüm güncellemek isteyeceğiz.

36
00:02:53,640 --> 00:02:58,100
Dolayısıyla bir kullanıcı bir şeyin üzerine geldiğinde kırmızı bir sınıftan yeşil bir sınıra geçirmek istersiniz.

37
00:02:58,320 --> 00:03:03,080
Peki biz sadece rengini değiştirmek isteyebiliriz ve birlikte olanları stildeki gibi bırakabiliriz.

38
00:03:03,130 --> 00:03:05,580
Bu yüzden onu böyle bırakacağım.

39
00:03:06,150 --> 00:03:08,270
Şimdi sıra sınıf seçicisine geçiyoruz.

40
00:03:08,430 --> 00:03:10,690
Herşeyi sınıfta verin Merhaba.

41
00:03:10,740 --> 00:03:12,150
Beyaz bir arka plan.

42
00:03:12,270 --> 00:03:15,390
Ve şuraya bakarsak, aslında sadece bir şey var.

43
00:03:15,390 --> 00:03:18,580
Bu div içerisinde sınıfın ilk paragrafı.

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

45
00:03:19,950 --> 00:03:22,500
Böylece sınıfı seçiyoruz.

46
00:03:22,830 --> 00:03:27,630
Merhaba arka plan beyaz.

47
00:03:29,520 --> 00:03:31,680
Ve bu paragrafın buraya geldiğini görebilirsiniz.

48
00:03:31,710 --> 00:03:34,080
Beyaza dönüyor.

49
00:03:34,440 --> 00:03:40,720
Sıradaki, elemana özel bir iki piksellik mavi bir kenarlık verin.

50
00:03:40,740 --> 00:03:42,920
Kendi R'yi seçin. G. maviye dön.

51
00:03:43,290 --> 00:03:49,740
Aynı şey yine bu sefer nokta yerine, hash işaretini veya Thorpe'taki yay'ı kullanıyor ve

52
00:03:49,740 --> 00:03:54,630
sonra tekrar görebileceği kimliğin adı şu anda burada Id patent var.

53
00:03:55,110 --> 00:04:03,640
Ve sonra piksel katı ve sonra R için iki piksel katı bir sınır vermek istiyoruz. G. maviye dön.

54
00:04:05,210 --> 00:04:14,220
Ve böylece 0 kırmızı 100 yeşil 200 mavi olacak ve taze olduğumuzu görürsek, bu paragrafın

55
00:04:14,250 --> 00:04:19,310
etrafında kimliğiyle 2 piksel mavi bir kenarlık elde edeceğiz.

56
00:04:19,440 --> 00:04:27,090
25 piksel font ve ipucu ise bu özellik fontu Dasch boyutu 25 piksel kullanıyor.

57
00:04:27,090 --> 00:04:31,020
Sıradaki, div'lerin içinde yer alan tüm paragrafları

58
00:04:31,020 --> 00:04:36,270
Dolayısıyla, burada yapmamız gereken şey, tüm paragrafları seçmekten ziyade, sadece bir

59
00:04:36,270 --> 00:04:42,200
div'in içindeki paragrafları istemektir; böylece bir div içinde olmayan bu gibi bazıları görülebilirsindir.

60
00:04:42,540 --> 00:04:46,590
Yazı tipi boyutunun 25 piksel olmasını istemiyoruz.

61
00:04:46,800 --> 00:04:56,010
ve sonra div'ın içinde tüm paragrafları içeriyor bu nedenle herhangi bir div'da yaşayan paragraflar herhangi bir

62
00:04:56,190 --> 00:05:04,710
div içerisindeki herhangi bir paragrafın onları seçip yazı tipi boyutu 25 piksellik verecek şekilde div'yi

63
00:05:04,710 --> 00:05:17,520
değiştirmiyor ve bunların hepsinin daha büyük olabileceğini görebilirsiniz, ancak bir div içinde paragraf olmadığını söyleyen bu paragraflar büyük olmaz çünkü bunlar bir

64
00:05:17,520 --> 00:05:26,530
div yerine bir metin değildir Gelecekte, yalnızca tür metinli girdilerin gri arka plana sahip olmasını sağlayın.

65
00:05:26,530 --> 00:05:30,850
Dolayısıyla div olarak adlandırdığımız bu torun seçicisini kullanıyoruz

66
00:05:30,860 --> 00:05:34,790
Dolayısıyla bu başka bir seçici türüdür ve bir niteliği temel alır.

67
00:05:35,300 --> 00:05:39,450
Bu nedenle, yapmak istediğiniz özellik, türün metne eşit olduğu yerleri bulmaktır.

68
00:05:39,520 --> 00:05:44,900
Yani temel olarak burada sadece bu girdi metne eşittir.

69
00:05:45,510 --> 00:05:53,620
Ve böylece yaptığımız yolla, girdi yazıp kare parantezler ve yep kare parantezleri yazacağız.

70
00:05:53,690 --> 00:05:59,570
Ve sonra orada özellik olan özellik var ve biz nereye metin eşit

71
00:06:00,130 --> 00:06:04,440
olduğuna bakıyoruz ve biz sadece arka plan gri diyeceğim.

72
00:06:05,200 --> 00:06:09,880
Ve sonra buraya inip yenileyip gözümüzü burada tutarsak, gri bir arka plan elde ettiğimizi görebilirsiniz.

73
00:06:10,940 --> 00:06:15,930
Google'a gelen tüm bağlantıları seçmesini isterseniz bu yine yararlıdır.

74
00:06:15,940 --> 00:06:21,480
Biz merkezli olarak seçiyoruz H. F. ya da orada başka herhangi bir özelliği seçebiliriz.

75
00:06:21,500 --> 00:06:26,680
Bu yüzden sonraki kadar üçüncü div içinde her iki paragrafa pembe bir arka plan verin.

76
00:06:26,870 --> 00:06:28,180
Yani bu biraz deliriyor.

77
00:06:28,190 --> 00:06:30,070
Şimdi HMO'ya bir göz atalım.

78
00:06:30,320 --> 00:06:32,110
İşte üçüncü divanımız. Birincisi burada.

79
00:06:32,120 --> 00:06:34,000
İkincisi burada, ikincisi burada

80
00:06:34,120 --> 00:06:40,210
ve iki paragraf var ve ikisini de seçip onlara pembe bir arka plan vermek istiyoruz.

81
00:06:40,210 --> 00:06:42,920
Dolayısıyla, daha önce yaptığımız şey, burada çalışmayacak tüm div'ların içindeki tüm paragrafları seçmekti.

82
00:06:42,910 --> 00:06:50,160
Yapmak istediğimiz şey, sayfadaki üçüncü div'un içindeki tüm paragrafları seçmek.

83
00:06:50,320 --> 00:06:55,420
Ve üçüncü div'u belirleyebilmemizin yolu, tür bitimini kullanmaktır.

84
00:06:55,660 --> 00:07:01,000
Böylece div ve 3. tür söyleyeceğiz.

85
00:07:01,000 --> 00:07:06,990
Dolayısıyla bu bize üçüncü bir div vereceğim ve daha sonra tüm paragrafların yerine

86
00:07:07,030 --> 00:07:12,950
biz sadece arka planın pembe olduğunu söyleyeceğiz ve yenilemeyi ve çift kontrolü yapalım.

87
00:07:12,940 --> 00:07:21,110
İşte ilk divizim.

88
00:07:21,190 --> 00:07:22,930
İşte ikinci div.

89
00:07:23,180 --> 00:07:25,330
Ve işte üçüncü div.

90
00:07:25,660 --> 00:07:26,960
Hurmaya başlamak için paragrafa başlayın ve ben ikinci paragrafım.

91
00:07:27,110 --> 00:07:31,440
Orada hırka gidiyoruz.

92
00:07:31,630 --> 00:07:33,090
İkinci paragraftayım.

93
00:07:33,220 --> 00:07:35,850
Sıradaki bu ikinci paragrafı, üçüncü divda beş piksel kenarlık beyaz sınırı içerisine verin.

94
00:07:35,870 --> 00:07:42,260
Dolayısıyla bu çok benzer, ancak yalnızca üçüncü paragrafın içindeki ikinci paragrafı istiyoruz.

95
00:07:42,250 --> 00:07:47,140
Yani sadece bu bir tane.

96
00:07:47,140 --> 00:07:48,570
ve türden yapacağız.

97
00:07:49,060 --> 00:07:57,910
Bu yüzden, üçüncü div'u ve tip 3'ü seçtiğimizde aynı şeyi yaparız ve daha sonra tüm paragraflardan ziyade paragraf

98
00:07:58,340 --> 00:08:02,110
Ve biz ikinci bir tane istiyoruz, böylece onları birleştirebiliriz.

99
00:08:02,810 --> 00:08:06,470
Bu, üçüncü div yerine ikinci paragrafı seçecek

100
00:08:06,470 --> 00:08:13,440
ve 5 piksel beyaz sınır kenarlığı 5 piksel katı beyaz vermek istiyoruz.

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

102
00:08:20,260 --> 00:08:20,820
Div'taki ikinci paragraftaki beş piksellik katı beyaz sınır.

103
00:08:20,870 --> 00:08:24,610
İlk değil.

104
00:08:24,740 --> 00:08:27,110
Sıradaki, E-M'yi üçüncü div öğesinde beyaz ve 20 piksel yazı tipi haline getir.

105
00:08:27,130 --> 00:08:34,490
İşte tam buradaki E-M, cronut kaykay.

106
00:08:35,600 --> 00:08:40,450
Krown bilmiyorsanız çok lezzetlidir.

107
00:08:40,450 --> 00:08:43,200
Belki abartılmıştır.

108
00:08:43,500 --> 00:08:44,690
New York'taki pastayı kesinlikle overpriced.

109
00:08:44,770 --> 00:08:48,740
Bir çörek ve bir kruvasan var.

110
00:08:48,790 --> 00:08:50,810
Burada kesinlikle hipster ipsum kelime yerine evde.

111
00:08:51,080 --> 00:08:56,420
Ve E-M'yi alacağız ve beyaz ve 20 piksel Kuğu yapacağız.

112
00:08:56,410 --> 00:09:03,750
üçüncü div 3'ü ve ardından sadece E-M'yi seçmek zorunda kaldık.

113
00:09:04,070 --> 00:09:07,700
Bu yüzden daha önce olduğu

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

115
00:09:15,830 --> 00:09:18,490
Ve bu, tüm IEM'leri seçecek ve yalnızca bir tane olduğu ortaya çıkıyor.

116
00:09:18,790 --> 00:09:23,030
Fakat birden fazla sözcük varsa, bir paragraf

117
00:09:23,140 --> 00:09:31,050
yerine E-M ilk veya E-M söylemek isteyebiliriz, ancak şu an için bunu bırakacağız.

118
00:09:31,510 --> 00:09:33,240
Ve beyaza renk ve 20 piksel yazı tipi rengi beyaz ve yazı tipi boyutu 20 piksel vermek istiyoruz.

119
00:09:33,430 --> 00:09:43,580
Ve hatırlatmak gerekirse, gelecekteki videolarda yazı tipleri ve yazı tipi

120
00:09:44,090 --> 00:09:49,420
boyutu ve bir sürü şeyden bahsedelim.

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

122
00:09:52,120 --> 00:09:53,310
Beyaz ve font boyutu değişiyor.

123
00:09:53,440 --> 00:09:55,720
Şimdi en sevdiğim bazı bonus egzersizlerine başladık.

124
00:09:56,330 --> 00:09:59,910
Bazı şeyleri seçmek ve onları manipüle etmek için daha ilginç yollar daha belirsizdir.

125
00:10:00,050 --> 00:10:04,520
Başlamak için.

126
00:10:05,710 --> 00:10:06,800
Kontrol edilen tüm onay kutularının sol kenar boşluğu 50 piksele sahip olduğunuza ve sana verdiğinizden emin olun.

127
00:10:07,210 --> 00:10:13,750
50 piksel için sol kenar boşluğu kullanmanız gerekiyor.

128
00:10:13,750 --> 00:10:16,980
Dolayısıyla kontrol edilen öğeleri seçmek için bir seçici var.

129
00:10:17,530 --> 00:10:21,970
Ve sadece öyle görünüyor.

130
00:10:21,980 --> 00:10:23,590
Bu, n. Tıpkı bir sözde selektördür.

131
00:10:23,810 --> 00:10:26,740
Bu yüzden, aradığımız şeyi söylemeliyiz, kontrol edilmiş.

132
00:10:26,750 --> 00:10:29,910
Bu yüzden yalnızca kontrol edilen tüm girdileri söyleyeceğim çünkü

133
00:10:29,950 --> 00:10:36,400
onay kutularının girdi türü eşittir onay kutusu var, başta radyo düğmesi olsa da kontrol edilebilecek diğer unsurlar var.

134
00:10:36,400 --> 00:10:45,130
Dolayısıyla bu kontrol edilmiş olan radyo düğmelerini de seçecek ve şimdilik iyi durumda.

135
00:10:45,130 --> 00:10:49,850
Dolayısıyla, bu girdi iki nokta üst üste işareti işaretlenmiş gibi görünüyor.

136
00:10:50,080 --> 00:10:53,410
Ve yapmak istediğimiz elli piksel boşluk bırakmaktır.

137
00:10:53,510 --> 00:10:58,180
Bu, bu videoyu eklediğimizde gelecek videolardan bazılarına yaklaştığımızın

138
00:10:58,390 --> 00:11:03,790
küçük bir önizlemesidir ve onay kutusunun sol tarafında bir

139
00:11:03,800 --> 00:11:09,670
miktar yer ekleyerek taşınmış olarak kontrol edilen videoları görebilirsiniz.

140
00:11:10,030 --> 00:11:11,160
Şimdi bunu kontrol edersem, bu kontrol edilir ve sağdaki 50 piksele geçilir.

141
00:11:11,160 --> 00:11:17,400
Onların işaretini kaldırırsam ve sola dönersem.

142
00:11:17,440 --> 00:11:22,100
Bu kontrol edildi.

143
00:11:22,750 --> 00:11:24,200
Sıradaki.

144
00:11:24,520 --> 00:11:25,390
Bu muhtemelen benim en sevdiğim şey.

145
00:11:25,460 --> 00:11:26,620
Etiket unsurlarını HMO'yu değiştirmeden tümüyle büyük yapın.

146
00:11:26,710 --> 00:11:31,380
Dolayısıyla kesinlikle buna bakmak isteyeceğinizi söylemiştim,

147
00:11:31,750 --> 00:11:36,820
bunun sebebi kesinlikle bunun üzerine gitmediğimizdir.

148
00:11:36,820 --> 00:11:38,130
Başlamak için sadece

149
00:11:38,230 --> 00:11:45,400
tüm etiket öğelerini seçelim ve sonra da HMO'yu değiştirmeden nasıl büyük harf yapacağımı bilmediğimi söyleyelim.

150
00:11:45,400 --> 00:11:47,890
Bu yüzden Google'ı yukarı çekip bir arama yapalım ve daha önce yapmış olduğum bir şey.

151
00:11:48,130 --> 00:11:53,650
Öyleyse yukarı çıkıp bir arama yapalım bkz. Büyük

152
00:11:53,920 --> 00:12:04,060
harfle değerlendiren ilk şey, metin dönüşümü ve metin metin öğelerinden nasıl yararlanılacağını belirten metin dönüşümü.

153
00:12:04,150 --> 00:12:10,820
Metnin tümü büyük harf veya hepsi küçük harflerle veya her bir kelimeyi büyük harfle görünür hale getirmek için kullanılabilir.

154
00:12:11,080 --> 00:12:16,810
Dolayısıyla aşağı doğru ilerleyip sözdizimine göz atalım ve sermayeye sahip olduğumuza benziyor.

155
00:12:18,520 --> 00:12:23,210
Kapitalistin ilk harfi büyük harf ve küçük harf mi olacak?

156
00:12:23,290 --> 00:12:26,580
Bu yüzden büyük harf istiyoruz.

157
00:12:26,620 --> 00:12:29,730
Böylece metin büyük harf dönüştürür.

158
00:12:29,770 --> 00:12:33,360
Ve burada yaptığım şey sadece sana bir şey

159
00:12:33,550 --> 00:12:38,560
göstermek değil, aslında her zaman yaptığım şeyler, yani Google'a yazmaya devam

160
00:12:38,560 --> 00:12:47,320
eden şeyler, C Ss blah blah blah CSSA büyük harf C S S şeffaf yapmak için arıyorum her şeyi yapmaktı.

161
00:12:47,590 --> 00:12:48,730
Ve sadece arama sonuçlarına bakıyorum çünkü geri çağırmak için pek çok özellik var.

162
00:12:48,850 --> 00:12:52,610
Hepsini hatırlayamıyorsun.

163
00:12:52,690 --> 00:12:54,300
Bu yüzden daha karanlık olanlardan biri.

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

165
00:12:56,140 --> 00:12:57,240
Ve yenilersek, burada olan etiketler içindir.

166
00:12:57,550 --> 00:13:02,750
O zaman sadece sana zamanı göstermek için bundan kurtulalım.

167
00:13:02,860 --> 00:13:07,480
Bunlar etiketler.

168
00:13:07,510 --> 00:13:08,750
Ve sonra bunları ekledik ve üst kasalarını yeniledik.

169
00:13:09,070 --> 00:13:13,180
Öyleyse sıra sıra ID özel yeşil ve 100 piksel yazı tipi boyutlu elemanın ilk harfini oluşturduk.

170
00:13:14,200 --> 00:13:21,400
Bu yüzden, ilk harfi hedefleyelim, bakmamız gereken bir diğeri olan ilk

171
00:13:22,240 --> 00:13:27,940
harf, ilk mektubumuzdan SEUS'a ve neye sahip olduğumuza bakın.

172
00:13:28,390 --> 00:13:31,030
Yani başka bir sözde seçici varmış gibi görünüyor.

173
00:13:31,090 --> 00:13:33,430
İlk harf C Ss elemanı, bir bloğun ilk satırının ilk harfini seçer.

174
00:13:33,610 --> 00:13:39,550
Örnek bir ilk mektuba bir göz atarsanız.

175
00:13:39,610 --> 00:13:43,930
Devam edin ve bunu deneyelim.

176
00:13:44,200 --> 00:13:46,990
Önce özel ID'yi ve ardından önce bunun mektubunu seçmek istiyoruz.

177
00:13:47,240 --> 00:13:53,420
Ve bunu yeşil ve yazı tipi boyutunda 100 piksel

178
00:13:53,980 --> 00:14:04,020
yapmak istiyoruz, böylece renk yeşil ve yazı tipi boyutu 100 pikseldir ve bu eleman burada.

179
00:14:04,780 --> 00:14:06,560
Yenilediğimiz ilk harfle göz atın ve bu dev yeşil gözü elde edin.

180
00:14:06,580 --> 00:14:13,220
Sonradan üzerine gelindiğinde H-1 elemanlarının rengi maviye dönüşür.

181
00:14:14,110 --> 00:14:19,430
Yani bu aslında bir çeşit etkiye sahip olmak için oldukça yaygındır.

182
00:14:19,690 --> 00:14:23,370
Genellikle bir şeyin üzerinde gezindiğinizde belki bir düğme gibi oldukça

183
00:14:23,380 --> 00:14:28,840
ince olur ve üzerine geliyorsanız, renk birazcık biraz değişip biraz biraz 3d vermek üzere 3

184
00:14:28,840 --> 00:14:34,120
boyutlu perspektifler gibi görünüyorsa görünen küçük bir gölgede var. dikkat dağıtılmadan rahatsız edilmeden interaktiflik.

185
00:14:34,120 --> 00:14:40,000
Bu yüzden H-1'i seçeceğiz ve bu aslında her biri.

186
00:14:40,510 --> 00:14:44,960
Ancak bu durumda yalnızca bir tanesi ve sözde seçici

187
00:14:44,980 --> 00:14:51,760
fareyle üzerine geliyorsa ve buraya girdiklerimiz yalnızca bir kullanıcı öğenin üzerine geldiğinde uygulanır.

188
00:14:51,760 --> 00:14:54,780
Yani maviyi renklendirelim.

189
00:14:55,210 --> 00:14:57,680
İşte H-1.

190
00:14:58,030 --> 00:14:59,820
Fareyle gezinmeyi bıraktığımda fareyle mavi dönersem, eskiden olduğu gibi döner.

191
00:15:00,250 --> 00:15:06,610
Sonunda, ziyaret edilen unsurları griye çevirin ve iki unsuru da görebildiğiniz gibi, bu

192
00:15:08,380 --> 00:15:15,280
iki bağlantı aslında her ikisi de daha önce ziyaret ettiğim bağlantılar olan Facebook'a bağlanır.

193
00:15:15,280 --> 00:15:20,380
Bu nedenle varsayılan olarak mor olan Chrome, ziyaret edilenlerin hepsinin mor olduğunu düşünmelerini sağlayacaktır.

194
00:15:20,380 --> 00:15:25,530
Bu yüzden, daha önce hiç görmediğim bir bağlantı koyalım ve yalnızca başlamak için

195
00:15:25,660 --> 00:15:29,320
bir şeyler hazırlayacağım ve sana yenilemek için sayfayı yenileyeceğim göstereceğim.

196
00:15:29,320 --> 00:15:32,110
Artık mavi.

197
00:15:32,110 --> 00:15:33,190
Çünkü orada bulunmadım.

198
00:15:33,250 --> 00:15:34,900
Şimdi bu şekilde bırakalım, şimdilik tıklamayacağım.

199
00:15:35,080 --> 00:15:37,440
Ve biz ziyaret edilenlerin yerine mor yerine olmasını isteriz.

200
00:15:38,020 --> 00:15:41,760
Üzgünüm, ziyaretin bir zamanlar mor yerine gri olmasını istiyoruz.

201
00:15:42,000 --> 00:15:45,490
Dolayısıyla sahte seçiciler tarafından ziyaret edilen etiketler seçilir ve ardından gri kaydettiririz.

202
00:15:45,760 --> 00:15:56,600
Ve eğer yenilersek.

203
00:15:56,840 --> 00:15:57,920
Buraya göz kulak ol burada.

204
00:15:58,030 --> 00:15:59,540
Yazı tipini biraz daha büyük yapacağım.

205
00:15:59,590 --> 00:16:00,970
Şu an mor olduğundan, yenilemeden önce oradaydım.

206
00:16:00,970 --> 00:16:04,430
Şimdi harika

207
00:16:04,540 --> 00:16:05,500
Tamam o zaman bu egzersiz zevk umuyoruz.

208
00:16:05,800 --> 00:16:07,990
Orada açacak çok şey var.

209
00:16:07,990 --> 00:16:09,340
Bir sürü farklı seçici.

210
00:16:09,340 --> 00:16:10,990
Ve ekleyeceğim bir şey sahip

211
00:16:11,290 --> 00:16:17,140
olduğum her çözüm için veya neredeyse her birinde aynı sonucu elde etmenin en az bir veya iki yolu var.

212
00:16:17,140 --> 00:16:21,460
Benden farklı bir şeyler olsaydı, yine de işe yaradı, bu harika oldu.

213
00:16:21,490 --> 00:16:25,360
Yorum eklemekte özgürsün.

214
00:16:25,360 --> 00:16:27,060
Bunu başkalarıyla paylaşın.

215
00:16:27,160 --> 00:16:28,490
Tamamen geçerlidir.

216
00:16:28,510 --> 00:16:29,780
Ben de bunu yapardým.

217
00:16:29,800 --> 00:16:32,680
Bir başka şey.

218
00:16:32,680 --> 00:16:33,890
Açıkçası site özellikle cazip değil.

219
00:16:34,240 --> 00:16:37,060
Bu gerçek bir site değil.

220
00:16:37,210 --> 00:16:38,620
Bir sonraki etkinlik videosunda çok yakında gerçek bir proje üzerinde çalışacağız.

221
00:16:38,650 --> 00:16:43,110
Aslında biraz daha iyi tasarlanmış küçük bir blog sitesi hazırlayacağız.

222
00:16:43,210 --> 00:16:47,040
Bundan çok daha güzel görünüyor.

223
00:16:47,140 --> 00:16:49,020
Bu sadece bir uygulama egzersizidir.

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