1
00:00:00,630 --> 00:00:04,510
Bu videoda, öğeleri seçmenin başka birkaç yolu hakkında konuşacağız.

2
00:00:04,590 --> 00:00:07,530
Şimdiye kadar gördüğümüz üç önemli şeyin dışında.

3
00:00:08,070 --> 00:00:11,790
Ve sadece bu üç öğeyi seçmek için

4
00:00:14,790 --> 00:00:27,450
sınıf ve kimlik seçici yani element Dot ali sınıfı Ally sınıfına benzer ve Dot değeri düşük olan sanat kimliği veya karma sembolü

5
00:00:27,450 --> 00:00:36,420
gibi görünecektir ve içeri koyduğumuz her şey bir kimliği veya sınıfı veya hepsini hedefleyecektir Bir türe

6
00:00:36,420 --> 00:00:37,780
ait elemanlar.

7
00:00:37,800 --> 00:00:42,290
Öyleyse, bunlar öğeleri seçmenin üç olası yolu var ancak çok daha fazlası var.

8
00:00:42,660 --> 00:00:46,560
odaklanacağız ve bu beş en önemli olan en yaygın olanı düşünüyoruz.

9
00:00:46,560 --> 00:00:47,310
Ve beşe

10
00:00:47,460 --> 00:00:49,020
Ancak daha fazlası var.

11
00:00:49,230 --> 00:00:54,300
Aslında bağlantılı olduğum bu yazı var ve Tutt'un Artı açıklaması ücretsiz bir makale.

12
00:00:54,330 --> 00:00:55,350
Gerçekten harika.

13
00:00:55,350 --> 00:01:00,990
Buna, ezberlemek zorunda olduğunuz 30 CSSA seçici adı verilir ve bunları panik öncesi ezberlemek

14
00:01:00,990 --> 00:01:01,710
zorunda kalmazsanız.

15
00:01:01,920 --> 00:01:05,700
Doğal olarak daha önemli olanları ve hep kullandığımız şeyleri ezberleyeceksiniz.

16
00:01:05,910 --> 00:01:11,520
Fakat bu makalenin amacı, bilmeniz gereken en azından 30 iyi şey bulunduğunu söylemektir.

17
00:01:11,910 --> 00:01:17,030
Bunların hala sadece biraz ezberlemeniz gereken tek 30'u olup olmadığından bahsetmiyorum.

18
00:01:17,130 --> 00:01:20,980
Ve bu makalenin bilmesine gerek kalmadığını düşündüğünüz çok şey var.

19
00:01:21,120 --> 00:01:23,590
Demek istediğim, bunu yapmanın birçok farklı yolu var.

20
00:01:23,610 --> 00:01:28,680
Bu makale 30'u vurguluyor ve ben sadece beş veya altı önemli unsurdan

21
00:01:28,680 --> 00:01:29,270
geçeceğim.

22
00:01:29,460 --> 00:01:31,300
Bu yüzden bunu bir okumak öneririz.

23
00:01:31,320 --> 00:01:36,960
Bir sonraki video bölümünde, bu makalenin kapsamına giren şeylerin çoğunu ve burada ve metin

24
00:01:36,960 --> 00:01:40,340
editörümüzün kapsamına giren konuları içeren bir alıştırma olacak.

25
00:01:40,770 --> 00:01:43,060
Bu yüzden bazı temel HMO var.

26
00:01:43,470 --> 00:01:45,920
Dosyayı oluşturma işlemi boyunca gitmeyeceğim.

27
00:01:45,960 --> 00:01:51,510
Bu, mutlaka birlikte kodlamanıza ihtiyaç duymadığınız bir şey değildir, ancak onun temelinde olduğu

28
00:01:51,510 --> 00:01:55,190
gibi, onun bir H1'e sahip olduğumuz gibi görünüyor.

29
00:01:55,650 --> 00:01:57,860
Google'a giden bir bağlantımız var.

30
00:01:57,960 --> 00:02:00,190
Üç müttefikimiz olan bir UL var.

31
00:02:00,600 --> 00:02:07,350
da dört müttefiki ve sonra da üç müttefik olacak, ancak her bir müttefiki şimdi bir bağlantıya sahip

32
00:02:07,350 --> 00:02:14,460
olacak ve birincisi de burada bu bağlantı gibi Google'a gidecek bir H var, sonra da bir başkası var.

33
00:02:14,460 --> 00:02:15,860
Sonra, üç müttefiki, sonra

34
00:02:16,180 --> 00:02:19,540
Sonra diğeri Facebook'a gider ve sonuncusu onu okumaya gider.

35
00:02:19,590 --> 00:02:20,650
Bu kadar basit biçimlendirme.

36
00:02:20,970 --> 00:02:23,520
Ve sonra seçiciler denilen bir stil sayfası var.

37
00:02:23,540 --> 00:02:30,510
SS Yani burada RC SS'yi dolduracağız Bu yüzden ilk konuşacağımız konuya

38
00:02:30,510 --> 00:02:38,360
D-Star seçici deniyor ve bir yıldız işaretiyle birlikte ve sayfadaki her şeyi seçecek.

39
00:02:38,730 --> 00:02:43,930
Bu aslında bu kadar sık ​​yapmak istediğiniz bir şey değil, ancak şu şekildedir.

40
00:02:44,080 --> 00:02:47,930
Ve sonra ne yaparsak yapalım her şey aslında her bir unsur için geçerli olacak.

41
00:02:48,750 --> 00:02:57,690
Bu yüzden her şeye bir piksel açık açık gri bir element vereceğim ve sayfadaki her

42
00:02:58,260 --> 00:03:02,800
bir elementi H-1 her linkinde gördüğümde görebiliyorsun.

43
00:03:02,960 --> 00:03:06,800
Herkes için H'de, etrafında sınır olsun.

44
00:03:07,080 --> 00:03:11,260
Bu yüzden çok şey yapmanız gereken bir şey değil, ara sıra görebilirsiniz.

45
00:03:11,550 --> 00:03:17,970
Sıradaki Lechter soyundan gelenler ve bunu kullanacakları herşey.

46
00:03:18,030 --> 00:03:24,390
Böylece torun seçicisinin çalışması, iki veya daha fazla etiket adı veya iki veya daha fazla seçici

47
00:03:24,390 --> 00:03:27,150
alır ve bunları birlikte zincir haline getirir.

48
00:03:27,150 --> 00:03:36,270
size bir örnek verelim, sadece bir müttefik içindeki çapa etiketleri değil, çapa etiketi kendiliğinden görünür.

49
00:03:36,270 --> 00:03:41,350
Bir müttefik içindeki tüm çapa etiketlerini seçmek isterseniz

50
00:03:41,580 --> 00:03:45,860
Bir müttefikin soyundan gelen tüm çapa etiketlerini seçmek istiyorum.

51
00:03:46,170 --> 00:03:53,340
Bunu yapmak için sözdizimi Ally uzayına ve ardından bağlama etiketi gibi görünür.

52
00:03:53,970 --> 00:03:59,590
Dolayısıyla bu, bir müttefikin yaş etiketinde olan her şeyi seçecek ve bunu yapmaya devam edebileceğiz.

53
00:03:59,610 --> 00:04:05,640
Eğer daha çok şey olsaydı, bunun gibi bir UL içindeki bir müttefik içinde bulunan her çapa

54
00:04:05,700 --> 00:04:10,680
etiketini de buna benzer şekilde yazabilirdik; bizim elimizdeki bu, ancak bizim durumumuzda gereğinden fazla.

55
00:04:11,460 --> 00:04:16,440
Ayrıca her çapa sınıfı Merhaba her şeyi tangere söyleyebiliriz Merhaba.

56
00:04:16,560 --> 00:04:20,070
Bir müttefikin içinde ama bununla eşleşen bir işaretleme yok.

57
00:04:20,070 --> 00:04:22,120
Yani bir müttefikin içindeki her bağlantı etiketi.

58
00:04:22,350 --> 00:04:28,720
Ve ona bir kırmızı renk verelim ve yeniliyoruz.

59
00:04:29,100 --> 00:04:32,460
Ve bu üç çıpa etiketinin kırmızı olduğunu görebilirsiniz.

60
00:04:32,490 --> 00:04:34,690
Bu değişmedi.

61
00:04:35,580 --> 00:04:38,400
Sonraki bitişik seçici.

62
00:04:38,970 --> 00:04:44,490
Dolayısıyla bitişik seçici ile yapacaklarımız, başka bir öğenin ardına gelen öğeleri seçmemize izin

63
00:04:44,490 --> 00:04:44,980
vereceğiz.

64
00:04:45,030 --> 00:04:49,910
Öyleyse içteki iç içe yerleştirilmiş bir müttefik, bir kuyuya yuvalanmış değildir.

65
00:04:50,100 --> 00:04:52,200
Bir kardeş seçmemize izin veriyor.

66
00:04:52,350 --> 00:05:01,140
Dolayısıyla, aynı seviyede olduğu için H'den sonra gelen tüm ULS'yi seçeceğiz.

67
00:05:01,200 --> 00:05:07,380
Dolayısıyla, çatalın içine girintili değil, doğrudan aynı H seviyesinde bir kardeş gibi girdikten

68
00:05:07,380 --> 00:05:07,970
sonra.

69
00:05:07,980 --> 00:05:11,410
Buna bitişik seçici deniyor ve buna benziyor.

70
00:05:11,670 --> 00:05:16,780
Dört yaş artı siz de söyleyeceğiz.

71
00:05:16,890 --> 00:05:21,920
Artı olmadan bu hepimiz içimizde ve 4 yaşındayken artı olurdu.

72
00:05:21,960 --> 00:05:24,810
Sadece 4 yaşına bitişik olan biziz.

73
00:05:24,990 --> 00:05:33,330
Ve ben sadece bir sınır vereyim diyelim ki dört piksel katı kırmızı yapalım ve bitişik olan bu iki

74
00:05:33,330 --> 00:05:34,080
UL'yi görmeliyiz.

75
00:05:34,080 --> 00:05:40,740
Bu yaştan sonra aynı seviyedeki dört kırmızı bir sınır oluşturuyorlar.

76
00:05:40,920 --> 00:05:45,390
Bu yüzden bir tane daha göstermek istedim ve bu da gerçekten önemli biri niteliği

77
00:05:45,390 --> 00:05:46,170
seçici olarak adlandırılıyor.

78
00:05:46,410 --> 00:05:51,270
Ve dolayısıyla özellik seçici, herhangi bir özniteliğe dayanan öğeleri seçmenin bir yoludur.

79
00:05:51,660 --> 00:05:56,620
Durumumuzda, H ref özelliğine dayalı bir seçim yapacağız.

80
00:05:56,970 --> 00:06:01,920
Bütün bağlantıları Google'a çevirdiğimizi kontrol edeceğiz. Burada H. F. Google dot com mu?

81
00:06:01,920 --> 00:06:07,350
Onları bir renk yapacağız ancak belirli bir kaynağın tüm görüntülerini veya tüm

82
00:06:07,350 --> 00:06:15,210
onay kutuları veya tüm şifre alanları gibi belirli bir türe ait tüm girdileri seçmek için de kullanabilirsiniz.

83
00:06:15,210 --> 00:06:23,250
Dolayısıyla sözdizimi, çapa etiketi ve ardından köşeli parantez yazıp içimizde aradığımız öznitelik

84
00:06:23,250 --> 00:06:24,290
yazacağız.

85
00:06:24,540 --> 00:06:32,850
Böylece Tref eşittir ve Google'a olan bağlantıları yapacağız.

86
00:06:32,850 --> 00:06:40,470
her bağlantı etiketini seçecek ve sonra sadece ona bir renk vereyim, ona bir arka plan mavisi verin ve

87
00:06:40,650 --> 00:06:41,580
bu iki

88
00:06:44,240 --> 00:06:44,760
bağlantıyı görebilirsiniz.

89
00:06:48,240 --> 00:06:50,530
Böylece bu, HGF'ye eşit olan

90
00:06:50,520 --> 00:06:53,650
Bu birincisi Google'a, ikincisi Google'a gidiyor.

91
00:06:53,820 --> 00:06:54,750
Yani maviler.

92
00:06:54,870 --> 00:06:57,270
Ancak diğer iki bağlantı da Google'a gitmiyor.

93
00:06:57,270 --> 00:06:59,340
Facebook'a gidip okuyorlar.

94
00:06:59,340 --> 00:07:01,030
Böylece değişmezler.

95
00:07:01,800 --> 00:07:10,680
isterseniz, bir giriş türünün metne eşit olacağından, tüm girdiler öyle olmasına rağmen birçok farklı giriş renkleri giriş

96
00:07:10,680 --> 00:07:18,600
renklerine ve dosya resimlerine, şifre ve e-postalara ve gönderme düğmelerine hepsi bir giriş etiketi.

97
00:07:19,110 --> 00:07:26,370
Böylece, ayrıca ve bunu gerçekten çokça göreceksiniz ya da tüm metin girişlerini farklı biçimde

98
00:07:26,370 --> 00:07:30,170
stillemek istiyorsanız, tüm girişleri bir yolla stillemek

99
00:07:30,420 --> 00:07:34,460
Dolayısıyla sadece girdi seçmek bize tüm farklı girdi türleri verecektir.

100
00:07:34,500 --> 00:07:37,580
Dolayısıyla genellikle türe göre seçim yapıyoruz.

101
00:07:37,620 --> 00:07:42,680
Bu yüzden, Google ref seçicimize geri dönelim.

102
00:07:43,650 --> 00:07:48,170
Bu yüzden, burada konuşmak isteyeceğim bir tane daha var, bunlara End of type (Bitiş Türü)

103
00:07:48,270 --> 00:07:51,710
ve bitiş şekli üç ya da beş gibi bir sayı alır.

104
00:07:51,930 --> 00:07:55,710
Ve sonra belirli bir öğenin her ucunu seçer.

105
00:07:55,710 --> 00:08:06,540
Her beşinci div ya da her ikinci müttefik ya da beşinci onuncu paragrafı bir sayfada kullanmak istediğim ve

106
00:08:06,570 --> 00:08:08,390
tipte seçmek istersem.

107
00:08:08,400 --> 00:08:15,120
Bu durumda Drona son UL'yi seçin ve finalde bir şeyler yapın.

108
00:08:15,130 --> 00:08:17,570
Üçüncüsü.

109
00:08:18,210 --> 00:08:29,550
Diyelim ki farklı bir sınır vermek ya da seçeceğim farklı bir arka plan vermek istiyorum Diyelim ki İyi kolon ve tür ve

110
00:08:30,030 --> 00:08:33,410
daha sonra üç gibi bir sayı.

111
00:08:33,860 --> 00:08:35,750
Sonra arka planı söyleyeceğim.

112
00:08:36,080 --> 00:08:45,030
Ve buna mor gibi açık bir arka plan verelim ve yalnızca mor dönüşen üçüncüünü görebilirsiniz.

113
00:08:47,400 --> 00:08:51,420
Dolayısıyla, sayfanın altından bir şey seçmek istiyorsanız bu yararlıdır.

114
00:08:51,420 --> 00:08:59,700
Not etmem gereken bir şey, bunun işe yaraması, müttefiklerime gidip üçüncü bir yalanı

115
00:08:59,790 --> 00:09:00,370
değiştirelim.

116
00:09:00,480 --> 00:09:04,120
Bunu yapmadan önce ne düşüneceğini hayal etmeni istiyorum.

117
00:09:04,170 --> 00:09:08,160
Dolayısıyla bu üçüncü müttefik seçecekti.

118
00:09:08,400 --> 00:09:10,960
Sanırım burada bu olurdu.

119
00:09:11,220 --> 00:09:15,170
Ancak yenilenirken, aslında her üçüncü yalanı seçtiğini göreceksiniz.

120
00:09:15,390 --> 00:09:19,620
Böylece her müttefik grubundan üçüncü grup seçilecek.

121
00:09:20,210 --> 00:09:24,370
Ve eğer bir demet daha alsaydım.

122
00:09:26,520 --> 00:09:32,070
Hala sadece belirli bir gruptaki üçüncü gibi olduğunu, bu yüzden her üçüncüsü

123
00:09:32,070 --> 00:09:39,180
değil kuşkonmaz tekrar seçin ve daha sonra kuşkonmaz tekrar her gruba ait üçüncü seçmek için

124
00:09:39,210 --> 00:09:41,790
gidiyor olduğunu not etmek önemlidir.

125
00:09:41,790 --> 00:09:48,690
Bununla birlikte, çift sayıyı seçmek için bir yol var, böylece diğer müttefikleri seçip bunun

126
00:09:48,690 --> 00:09:50,370
gibi mor yapabilirim