1
00:00:01,020 --> 00:00:06,030
Bu videoda üç CSSA seçicisine odaklanacağız.

2
00:00:06,030 --> 00:00:08,490
Bunlar sınıftaki element kimliğidir.

3
00:00:08,610 --> 00:00:11,610
Öyleyse öğeleri seçmek için daha fazla seçenek var.

4
00:00:11,730 --> 00:00:15,630
Bunları daha sonra öğreneceğiz, başlamak için bu üçlüğe odaklanacağız.

5
00:00:15,960 --> 00:00:21,980
Ve seçici, CSSA'yı başlattığımızda erken konuştuğumuz bu genel kuralı düşündüğümde birkaç video önce

6
00:00:21,980 --> 00:00:28,370
bir seçici ve daha sonra kıvırcık parantezler ve daha sonra bazı özellikler içerdiğini düşünüyoruz.

7
00:00:28,860 --> 00:00:32,660
Bu yüzden, burada koyabileceğimiz birkaç farklı seçici göreceğiz.

8
00:00:33,030 --> 00:00:37,440
Ve yapacağımız yol, gerçekten birlikte yapmak için gerçekten basit bir liste oluşturacağız.

9
00:00:38,340 --> 00:00:39,980
Bu yüzden yeni bir dosya yapacağım.

10
00:00:40,170 --> 00:00:44,580
Onu kurtaracağım ve o zaman HMO'yu listelemek

11
00:00:48,270 --> 00:00:51,740
için arayacağım, sonra elimizde HMO'yu ekleyelim.

12
00:00:52,530 --> 00:00:54,930
Ve işe giden yol

13
00:00:58,080 --> 00:01:01,550
H1 olacak ve ardından müttefiklerle iyi anlaşacağız.

14
00:01:02,010 --> 00:01:08,880
Ancak her bir müttefikten bazı metinler alacağız ve küçük bir onay kutusuna sahip olacağız, böylece

15
00:01:08,880 --> 00:01:18,960
onay kutusunun nasıl girileceğini hatırlayıp hatırlayamayacağınızı göreceksiniz, bunun giriş türü eşittir onay kutusu ve ardından bunun altında veya bundan sonra metnimize sahip

16
00:01:18,960 --> 00:01:20,090
olacağız. .

17
00:01:20,220 --> 00:01:30,210
Böylece paslanmaya başlayacağız o zaman bunun kopyasını yapacağım.

18
00:01:30,210 --> 00:01:39,020
Öyleyse onlardan üçümüzün sadece Rusty'yi yiyecek almak için almasını sağlıyoruz.

19
00:01:40,590 --> 00:01:41,490
Ve sonra

20
00:01:45,150 --> 00:01:48,660
son olarak kayıt bitirin Phidias değerlendirin.

21
00:01:48,960 --> 00:01:54,990
Dolayısıyla, bunu bir tarayıcıda açarsak, nihai ürünümüzün yumuşak ve tarzlı bir sürümünü göreceğiz

22
00:01:55,440 --> 00:01:56,940
ancak iskelet var.

23
00:01:57,090 --> 00:02:01,520
İki işimiz ve her biri yanında küçük bir onay kutusu var.

24
00:02:02,650 --> 00:02:03,390
TAMAM.

25
00:02:04,050 --> 00:02:08,590
Dolayısıyla, yapmak istediğimiz sonraki şey bir stil sayfası bağlamak.

26
00:02:09,060 --> 00:02:17,190
Bu sefer bunu yapmak için mevcut olmayan bir stil sayfasını bağlayarak başlayalım ve daha sonra devam edip bir stil

27
00:02:17,400 --> 00:02:18,480
sayfası oluşturacağız.

28
00:02:18,480 --> 00:02:23,970
Dolayısıyla bazı insanlar işe yaramayacağını bildiğimiz bir şeyler yazdığımız bu hata odaklı

29
00:02:23,970 --> 00:02:26,960
gelişim olarak adlandırabilir ve sonradan işe yarayabiliriz.

30
00:02:26,970 --> 00:02:34,060
Bu yüzden, C'yi tanıtmayı değerlendirmek için arayacağım, C, mevcut olmayanın değerlendirmesini görür.

31
00:02:34,670 --> 00:02:40,820
Sonraki yapacağımız şey, C dosyasını Dewes'e değerlendirmektir.

32
00:02:40,920 --> 00:02:43,860
Ve bu, bir çalışma yapmak için aynı yerde olması gerekir.

33
00:02:43,860 --> 00:02:48,550
Tim onu ​​kaydedip yalnızca bağlı olduğundan emin olacağım.

34
00:02:48,660 --> 00:02:55,980
Haydi vücut arka planı turuncu gibi bir şey yapalım ve bunun aslında renkli

35
00:02:55,980 --> 00:02:57,870
videodan bahsettiğimi biliyorsun.

36
00:02:57,870 --> 00:03:01,380
Bu, turuncu gibi bir rengi gerçekten kullanacağımız tek zamanlardan biridir.

37
00:03:01,380 --> 00:03:06,780
Öğretmenlik dışında sadece bir şeyin bağlı olduğundan emin olmak için kullanırım sadece parlak bir renk isterim.

38
00:03:06,930 --> 00:03:11,760
Bunun, burada C Ss'yi doğru kullandığını görmek istiyorum.

39
00:03:11,820 --> 00:03:12,920
Öyleyse yenersek.

40
00:03:13,170 --> 00:03:16,320
Tamam büyük şeyler bağlı.

41
00:03:16,320 --> 00:03:23,580
Yapacağımız şey, burada tekrar slaytlara gidip, elemanlar seçiciden önce konuşmak ve

42
00:03:23,580 --> 00:03:27,180
hazırlanmak için çok zaman harcadığımıza değinmek.

43
00:03:27,180 --> 00:03:35,100
Temel olarak div veya paragraf veya gövde belirttiğiniz gibi saldırı türüdür ve daha sonra tüm karşılık

44
00:03:35,100 --> 00:03:38,240
gelen öğeleri eşleşen tüm örnekleri seçecektir.

45
00:03:38,610 --> 00:03:46,620
Dolayısıyla bu durumda iki div var ve her div iki paragrafa sahip ve bu yüzden tüm div'leri odanın arka

46
00:03:46,620 --> 00:03:53,730
plan moruna ayarladık iki mor aygıtı alıyoruz, tüm paragrafları COLOR SARI olarak alıyoruz, dört sarı paragraf alıyoruz.

47
00:03:55,140 --> 00:03:57,840
Yani cesedi seçtiğimizde burada yaptığımız şey budur.

48
00:03:57,840 --> 00:04:08,190
Ayrıca bunu tüm ALWIS için yapabiliriz ve onlara bir emir verir veya iki pikselli kenarlıklarını düz kırmızı renkle çevireceğiz.

49
00:04:10,910 --> 00:04:14,560
Artık elbette tüm müttefikler üzerinde çalışıyor.

50
00:04:15,360 --> 00:04:15,970
TAMAM.

51
00:04:16,380 --> 00:04:24,180
Bu yüzden yapmamız gereken sonraki şey bir müttefik ya da bir H-1 ya da bir şeyin bir örneğini tek tek çıkarmaktır.

52
00:04:24,870 --> 00:04:30,510
Bu örnekte, üçüncü yalanı seçip sarı renkte çeviriyoruz.

53
00:04:30,690 --> 00:04:37,020
Ve bunu yapmanın yolu aslında ekibi hafifçe değiştirerek ve daha sonra H T M L ve

54
00:04:37,020 --> 00:04:41,800
R C Ss'ye eklediğimiz bir kancayı kullanarak geri göndermek ve sarıya çevirmektir.

55
00:04:42,180 --> 00:04:45,700
Bu nedenle ilk adım, kimlik adı verilen kancayı eklemektir.

56
00:04:46,050 --> 00:04:52,420
Ve bu yüzden, bir fikrin çalışma şekli, onu herhangi bir öğe kimliğine bir özellik olarak ekler.

57
00:04:52,440 --> 00:04:57,120
Ve sonra tırnak içinde istediğiniz herhangi bir isim bir şey olabilir.

58
00:04:57,360 --> 00:05:03,860
Ve sonra yaptığımız şey, daha sonra Octa Thorpe veya hash işareti yazmak ve daha sonra Kimliğini

59
00:05:03,870 --> 00:05:08,420
yazmak ve bu Kimliğini adıyla eşleşen bir öğenin seçeceği anlamına gelir.

60
00:05:08,820 --> 00:05:18,510
Bir örnek olarak, burada bu nihai müttefiklerinizin biraz farklı görünmesini istiyoruz diyelim.

61
00:05:19,080 --> 00:05:23,790
Yapabileceğim, Ally'ye gidip bir kimlik verelim.

62
00:05:23,970 --> 00:05:25,860
Ve bu herhangi bir isim olabilir.

63
00:05:25,950 --> 00:05:27,030
harika bir

64
00:05:29,620 --> 00:05:35,650
isim değil, ancak size kimlik kullanma noktasının tek bir şey için olması olduğunu göstermek.

65
00:05:35,650 --> 00:05:40,210
Birazdan bu olayı özel olarak adlandıracağım ve söylemek istediğim nedeni,

66
00:05:40,330 --> 00:05:46,490
Bu, tek bir öğeyi ve bir kimliği hakkında bir not hedeflemenin bir yoludur.

67
00:05:46,560 --> 00:05:49,300
Yalnızca bir sayfada bir kez görünebilir.

68
00:05:49,480 --> 00:05:56,270
Bu işlemi yaparsam denemeliyim ve kimliği aslında geçersiz HMO olan iki öğeye özel olarak deneyelim.

69
00:05:56,530 --> 00:05:58,920
Yani her zaman sayfada bir kez orada olması gerekiyordu.

70
00:05:59,130 --> 00:06:02,640
Tek bir elementi tek tek çıkarmak için kullanılır.

71
00:06:02,680 --> 00:06:09,280
Ancak, bir kereden fazla görünmüyorsa, bir sayfada birden fazla kimlik olabilir.

72
00:06:09,590 --> 00:06:09,830
TAMAM.

73
00:06:09,850 --> 00:06:12,180
Bu özelliğe devam edelim.

74
00:06:12,240 --> 00:06:17,180
Şimdi bunu bir göz atalım hale getirelim.

75
00:06:17,350 --> 00:06:18,550
Buradaki sonuncusu.

76
00:06:18,790 --> 00:06:20,390
Ona arka plan rengi verelim.

77
00:06:20,650 --> 00:06:24,470
Bu iddiaya göre Adım özel.

78
00:06:24,490 --> 00:06:32,670
CSSA dosyamıza gidiyoruz ve özel yazıyoruz ve önünde bir oktav yazıyoruz

79
00:06:32,950 --> 00:06:37,220
ve sadece bir kimlikten bahsettiğimizi söylüyor.

80
00:06:37,500 --> 00:06:48,020
Öyleyse yaptığımız tek şey yazmak ya da burada Cs S yazalım, böylece arka plan rengi yapalım ve onu sarı yapalım.

81
00:06:48,250 --> 00:06:54,730
Dosyayı yenilemeyi kaydedin ve sadece sarı olduğu zaman bunu görebilirsiniz.

82
00:06:54,790 --> 00:06:56,770
İşaretlemek istediğim birkaç şey var.

83
00:06:56,830 --> 00:06:59,890
Birincisi, bu kodun hala çalışıyor olması.

84
00:06:59,880 --> 00:07:01,760
Tüm müttefikleri çeviriyor.

85
00:07:01,930 --> 00:07:05,310
Onlara son bir tane de dahil olmak üzere kırmızı bir sınır veriyor.

86
00:07:05,650 --> 00:07:12,010
Ardından, eklediğimiz ve Kimliğiyle aramış olduğumuz bu kancayı temel alan son bir

87
00:07:12,000 --> 00:07:15,520
sarı arka plan ekleyerek bunun üstüne ekliyoruz.

88
00:07:15,580 --> 00:07:21,930
bir yolu olarak özetlemek için yalnızca sayfa başına bir kez bir kimlik kullanabilirsiniz ancak bir sayfada istediğiniz sayıda kimliği olabiliriz.

89
00:07:21,940 --> 00:07:24,480
Dolayısıyla, bir fikri bir öğeyi tek tek özetlemenin

90
00:07:24,730 --> 00:07:30,820
Bu nedenle, kimlikler tek tek öğeleri tek tek çıkarmak için harika ama çoğu kez benzer

91
00:07:30,810 --> 00:07:34,380
görünen çok unsurlu olmasını istiyoruz ancak tüm müttefikleri istemiyoruz.

92
00:07:34,450 --> 00:07:41,320
Diyelim ki, Müttefikler'in yarısını bir şekilde stil etmek istedim, bunlardan yarısı başka bir yolla bunu

93
00:07:41,320 --> 00:07:43,410
başarmak için bir sınıf kullanabilirdik.

94
00:07:43,420 --> 00:07:48,970
Bir sınıfın çalışması, sınıf olarak adlandırılmasının dışında bir kimliğe benzemektedir ve bir sayfadaki

95
00:07:49,020 --> 00:07:51,410
herhangi bir sayıda öğeye uygulayabiliriz.

96
00:07:51,430 --> 00:07:57,850
ve daha sonra başarımızızda bir oktav Torbası yerine bir nokta ile başvuruyoruz.

97
00:07:57,850 --> 00:08:05,240
Gördüğünüz gibi burada vurgulama adı verilen bir sınıfı ilk paragrafa ve üçüncü paragrafa uyguluyoruz

98
00:08:05,250 --> 00:08:12,750
Bir kimliði seçmek için burada karþýlaþtýðýmýz gibi, bir sýnýf seçmek için karma iþaretini veya oktav Thorpe'u

99
00:08:12,750 --> 00:08:13,350
kullanýrýz.

100
00:08:13,380 --> 00:08:14,540
Nokta kullanırız.

101
00:08:14,710 --> 00:08:16,600
Aksi takdirde aynı şekilde çalışırlar.

102
00:08:16,660 --> 00:08:19,030
Öyleyse bir örnek yapalım.

103
00:08:19,230 --> 00:08:26,050
Bir sınıf ekleyeceğim ve bunun işe alınmasını istediğim şekilde, bu iki şeyin kontrol edildiğini

104
00:08:27,310 --> 00:08:28,390
varsayacağımızı varsayacağız.

105
00:08:28,480 --> 00:08:32,720
Bu yüzden metin boyunca bir çizginin olmasını istiyorum.

106
00:08:32,760 --> 00:08:38,800
Bakkala almaya ve resti'ye yürüdüğümüze baktığımızda bu metne geçmekle son bulmamız

107
00:08:38,800 --> 00:08:40,810
gereken bir grev olmalı.

108
00:08:40,840 --> 00:08:44,320
Yani bunu yapmanın yolu ya da bunu yapmanın bir yolu sınıfla birlikte.

109
00:08:44,400 --> 00:08:52,720
Böylece anında devam edip bir sınıf ekleyeceğim ve bu tamamlanmış ve bir başka sınıf

110
00:08:52,720 --> 00:08:58,050
daha tamamlandı demek için gidiyorum ve onu yenileyip yenileyeceğim.

111
00:08:58,170 --> 00:09:00,560
Hiçbir şey olmuyor çünkü herhangi bir stil yok.

112
00:09:00,900 --> 00:09:09,580
şimdi Cs'ime gidiyorum ve doğru noktadayım ve sonra sınıfın adı kıvırcık parantezi tamamladı ve şimdi stil.

113
00:09:09,650 --> 00:09:10,850
Bu yüzden

114
00:09:11,050 --> 00:09:18,030
Bu yüzden burada metin dekorasyonu ve metin dekorasyonu olarak bir satır eklemek için bir yol denir yeni

115
00:09:18,040 --> 00:09:19,920
bir şeyler tanıtmak için gidiyorum.

116
00:09:20,080 --> 00:09:22,030
Ancak yapabileceğiniz birkaç şey var.

117
00:09:22,020 --> 00:09:28,710
Bir alt çizgi ekleyebilir ve dalgalı bir alt çizgi ekleyebilirsiniz Görünüşe göre üstten

118
00:09:29,200 --> 00:09:35,800
dıştaki bir alt çizgi gibi bir çizgi ve bir üst çizgi olduğunu bilmiyordum.

119
00:09:35,800 --> 00:09:40,560
Dolayısıyla hat üzerinden geçeceğiz ve olması gerektiği gibi.

120
00:09:40,810 --> 00:09:42,060
Yenilersem.

121
00:09:42,120 --> 00:09:44,420
Bu ilk ikisine dikkat et.

122
00:09:44,470 --> 00:09:46,400
Şimdi bir çizgi yakalayalım.

123
00:09:46,840 --> 00:09:49,680
Harika.

124
00:09:49,990 --> 00:09:56,340
Buraya geldiğimde bir hızlı not, sayfanın yüklenmesi sırasında bu onay kutularının işaretlenmesini istersem.

125
00:09:56,500 --> 00:10:01,420
Şimdi şu anda kontrol edilmiyorlar ve elle kontrol etmeliyim ama ilk iki kontrol

126
00:10:02,470 --> 00:10:06,410
edilmesini istersem buraya gidebilir ve checked adında bir nitelik ekleyebilirim.

127
00:10:06,550 --> 00:10:10,370
Ve bu, onay kutusu girişleri üzerinde çalışır.

128
00:10:10,380 --> 00:10:15,580
Böylece taze olsaydım, şimdi sayfa yüklendiğinde kontrol edilirler.

129
00:10:15,750 --> 00:10:20,450
Öyleyse gerçekten değerlendirmeyi görmeyelim, ancak bunu yapabildiğinizi bilmek önemlidir.

130
00:10:20,830 --> 00:10:21,100
TAMAM.

131
00:10:21,100 --> 00:10:24,140
O zaman bunu gerçekten hızlı bir şekilde saralım.

132
00:10:24,250 --> 00:10:28,680
Belirli bir öğenin tümünü seçmek için elemanlara sahibiz.

133
00:10:28,720 --> 00:10:31,780
Tüm ALWIS tüm paragrafları divize eder.

134
00:10:32,120 --> 00:10:39,730
Eşleşen kimliğe sahip bir elemanı seçecek olan KİM selektörümüz var ve bunun için her zaman bir

135
00:10:39,730 --> 00:10:41,120
oktav kullanmamız gerekiyor.

136
00:10:41,240 --> 00:10:42,590
Ya da bir karma sembolü.

137
00:10:42,970 --> 00:10:48,300
Ve sonra sınıf seçicisine çok benzer sınıf seçicimiz var, ancak bir sınıfın temelini seçip

138
00:10:48,310 --> 00:10:54,010
bir sınıfın, yalnızca bir kez olan bir kimliğin aksine belirli bir sayfada istediğimiz kadar çok

139
00:10:54,000 --> 00:10:54,790
kez oluşabileceğini görüyoruz