1
00:00:02,420 --> 00:00:10,700
Jadi komponen yang terhenti adalah cara yang cukup bagus untuk mencampur javascript dan CSX dan mendapatkan elemen komponen H

2
00:00:10,790 --> 00:00:15,620
elemen HTML dengan gaya dinamis tertentu yang mungkin ditambahkan ke dalamnya.

3
00:00:15,620 --> 00:00:21,190
Sekarang banyak orang menyukai komponen yang macet dan Anda mungkin sudah tahu mengapa sekarang.

4
00:00:21,200 --> 00:00:30,620
Saya juga suka komponen yang ditata tetapi saya pribadi juga penggemar CSA karena Stead dicakup dalam file atau cakupan

5
00:00:30,620 --> 00:00:36,820
tertentu untuk komponen tertentu dan masih hidup di dalam CSA sebagai file.

6
00:00:36,820 --> 00:00:43,790
Meskipun saya pribadi bukan penggemar terbesar dari campuran CSR dan JavaScript ini karena memuat sedikit

7
00:00:43,790 --> 00:00:44,880
file JavaScript.

8
00:00:44,900 --> 00:00:52,340
Kami memiliki semua kode tambahan di sana dan karena banyak kemudahan atau lingkungan yang tinggi, Anda hanya mendapatkan dukungan IDE yang

9
00:00:53,000 --> 00:00:55,140
buruk ketika menulis kode di sini.

10
00:00:55,250 --> 00:01:01,880
Penyelesaian otomatis dan seterusnya untuk perintah as as dan CSA karena nilainya jauh lebih baik di C adalah

11
00:01:01,880 --> 00:01:07,910
sebagai berikut biasanya sehingga Anda tidak dapat benar-benar menggunakannya tetapi saya pribadi bukan penggemar terbesarnya dan

12
00:01:07,910 --> 00:01:13,640
jadi saya ingin menunjukkan kepada Anda belum cara pelingkupan gaya lain untuk komponen Anda.

13
00:01:13,730 --> 00:01:21,020
Jadi dari gaya penulisan yang hanya berlaku untuk komponen tertentu daripada keseluruhan aplikasi karena itu

14
00:01:21,050 --> 00:01:23,120
adalah hal yang penting.

15
00:01:23,180 --> 00:01:29,540
Seringkali Anda benar-benar ingin memastikan bahwa gaya Anda tidak berlaku di mana-mana di mana saja dalam aplikasi Anda,

16
00:01:29,570 --> 00:01:31,380
tetapi hanya untuk bagian-bagian tertentu.

17
00:01:31,400 --> 00:01:38,450
Sebagai contoh jika kita akan mengambil kode ini di sini dan untuk sementara waktu di mana kita ingin mengubahnya

18
00:01:38,450 --> 00:01:47,810
secara dinamis kadang-kadang jika kita mengambil kode ini di sini dan menambahkannya ke aplikasi CSA maka kita bisa melewati tahun ini ke dalam kelas tombol

19
00:01:47,810 --> 00:01:55,700
katakanlah mari kita pindahkan ini ke dalam di sini dan kemudian di sini kita memiliki sesuatu dengan klausa tombol dan keadaan

20
00:01:55,700 --> 00:02:01,190
hover yang mendapatkan gaya ini dan kemudian di sini tentu saja kita tidak memiliki kode

21
00:02:01,190 --> 00:02:12,290
dinamis ini tetapi kita hanya memiliki hijau di sini dan kita hanya memiliki lampu hijau di sana dan ini akan menjadi kode yang valid tetapi sekarang semuanya dengan kelas tombol

22
00:02:12,500 --> 00:02:19,580
akan mendapatkan gaya ini yang berarti jika saya menambahkan klausa tombol di sini ke tombol ini di bawah sana

23
00:02:19,580 --> 00:02:25,730
dan untuk itu saya akan mengembalikannya ke tombol biasa tidak menggunakan komponen gaya menghapus semua atribut

24
00:02:25,730 --> 00:02:29,180
dan hanya menambahkan nama kelas di sini tombol.

25
00:02:29,180 --> 00:02:35,990
Maka tentu saja tombol ini akan mendapatkan gaya itu tetapi tombol lain mana pun di aplikasi dengan nama kelas

26
00:02:35,990 --> 00:02:39,200
yang sama akan mendapatkan gaya yang sama juga.

27
00:02:39,200 --> 00:02:45,680
Jadi jika kita memiliki tombol di J pribadi seperti kita tidak tetapi jika kita punya satu di sini yang juga memiliki tombol C ini

28
00:02:45,680 --> 00:02:48,770
sebagai kelas ini akan mendapatkan gaya yang sama dan mematikan.

29
00:02:48,770 --> 00:02:54,680
Bukan itu yang Anda inginkan, Anda ingin memastikan bahwa gaya atau ruang lingkup Anda untuk komponen

30
00:02:55,310 --> 00:02:59,000
tertentu dan yang dapat dicapai dengan konsep baru juga.

31
00:02:59,030 --> 00:03:05,070
Untuk modul CSX saya akan menghapus tombol yang macet di sini karena saya tidak membutuhkannya lagi.

32
00:03:05,090 --> 00:03:09,820
Hapus komponen yang macet dan sekarang agar modul CSX berfungsi.

33
00:03:09,980 --> 00:03:13,140
Kita perlu sedikit men-tweak konfigurasi proyek kita.

34
00:03:13,220 --> 00:03:20,490
Konfigurasi build yang mendasarinya sehingga konfigurasi yang mengambil kode kita mengubahnya dan menggabungkannya

35
00:03:20,490 --> 00:03:22,690
menjadi lebih tepat.

36
00:03:22,700 --> 00:03:27,080
Kita perlu mengubah konfigurasi jika kita menggunakan skrip reaksi.

37
00:03:27,190 --> 00:03:28,910
Tampil satu di sini.

38
00:03:28,910 --> 00:03:34,130
Saya merekomendasikan versi ini karena dengan itu Anda benar-benar mendapatkan pengaturan awal di mana

39
00:03:34,130 --> 00:03:39,890
Anda memiliki komponen berbasis kelas di sini yang membuatnya lebih mudah untuk mengikuti dalam kursus ini di

40
00:03:39,890 --> 00:03:46,200
mana kita mulai dengan komponen berbasis kelas dan kemudian fokus pada komponen fungsional dengan kait lebih detail. .

41
00:03:46,400 --> 00:03:48,740
Jadi itu sebabnya saya menggunakan versi 1 di sini.

42
00:03:48,740 --> 00:03:55,850
Jika Anda menggunakan skrip reaksi kata 2 atau lebih tinggi, Anda memiliki pendekatan alternatif untuk mengaktifkan fitur ini. Saya akan menunjukkan

43
00:03:55,850 --> 00:04:01,340
di sini, namun saya menggunakan versi 1, jadi kami akan menunjukkan kepada Anda pendekatan yang bekerja dengan

44
00:04:01,340 --> 00:04:02,340
versi ini.

45
00:04:02,470 --> 00:04:08,590
Untuk itu Anda harus keluar dari server pengembangan Anda dan kemudian jalankan NPM run eject di folder proyek Anda.

46
00:04:08,630 --> 00:04:10,250
Menjalankan skrip ini.

47
00:04:10,250 --> 00:04:16,580
Apa yang akan dilakukan adalah mengeluarkan dari konfigurasi ini di bawah kap di mana Anda tidak benar-benar memiliki akses

48
00:04:16,670 --> 00:04:22,580
ke file konflik dikemas web yang mendasarinya dan seterusnya dan memberi Anda akses ke file konflik sehingga

49
00:04:22,820 --> 00:04:28,280
Anda dapat mengubah cara kode Anda dibundel bersama-sama dan seterusnya dan ada sesuatu yang perlu kita

50
00:04:28,280 --> 00:04:29,530
tweak di sana.

51
00:04:29,600 --> 00:04:35,640
Jadi, jika Anda menjalankan NPM, jalankan eject di sini, tanyakan apakah Anda ingin menyuntikkan setiap tindakan dan Anda

52
00:04:35,660 --> 00:04:39,730
dapat menjawab mengapa Anda bebas ya dan Anda mungkin mendapatkan kesalahan.

53
00:04:39,740 --> 00:04:42,940
Saat saya tiba di sini bahwa Anda memiliki perubahan yang tidak dikomit.

54
00:04:43,190 --> 00:04:45,470
Untuk itu saya hanya akan menambahkan dan Anda melakukan.

55
00:04:45,470 --> 00:04:50,810
Ini hanya berlaku jika Anda menggunakan get for control versi jika Anda tidak menggunakan itu Anda tidak akan

56
00:04:50,810 --> 00:04:51,860
mendapatkan kesalahan itu.

57
00:04:52,220 --> 00:04:57,740
Jadi saya akan segera membuat komite dan kemudian jalankan kembali dan Pam Brown mengeluarkan dan Sir Y untuk ya di sini dan sekarang apa yang Anda dapatkan

58
00:04:57,740 --> 00:05:02,780
adalah skrip baru dan kemudian Anda dapat berpikir folder dan dalam folder konflik di sini Anda akan menemukan konflik halaman web tetapi File karakter

59
00:05:02,810 --> 00:05:08,600
DAF dan konflik halaman web menyebabkan prod J. S. mengajukan.

60
00:05:08,600 --> 00:05:15,510
Ini sudah file konfigurasi yang digunakan di bawah tenda oleh alat reaksi ini di sini.

61
00:05:15,560 --> 00:05:18,080
Anda akan melihat paket File Jason sekarang semua berubah.

62
00:05:18,080 --> 00:05:20,250
Kami memiliki lebih banyak paket di sini sekarang.

63
00:05:20,420 --> 00:05:26,930
Ini adalah paket India yang digunakan di bawah tenda dengan membuat aplikasi reaksi untuk memberi Anda server pengembangan itu

64
00:05:27,110 --> 00:05:29,400
dan membangun aplikasi Anda dan menggabungkannya.

65
00:05:29,480 --> 00:05:34,830
Dan jika Anda sebagai konsekrasi disk untuk spec web yang merupakan alat yang digunakan untuk semua itu sekarang maka ada

66
00:05:35,060 --> 00:05:39,380
banyak hal yang dapat Anda atur dan Anda hanya boleh men-tweak mereka jika Anda benar-benar tahu

67
00:05:39,380 --> 00:05:40,460
apa yang Anda lakukan.

68
00:05:40,490 --> 00:05:43,780
Ada satu opsi spesifik yang penting bagi kami.

69
00:05:44,000 --> 00:05:51,050
Jika Anda gulir ke bawah sampai Anda menemukan benda tes CSA di sini, Anda akan melihat bahwa kami menggunakan CSR sebagai pemuat dan

70
00:05:51,050 --> 00:05:53,280
di sana Anda akan menemukan beberapa opsi.

71
00:05:53,280 --> 00:05:59,780
Dan sekarang ini adalah bagian yang dapat Anda atur dan yang harus Anda atur jika file konfigurasi Anda

72
00:05:59,780 --> 00:06:01,040
terlihat sedikit berbeda.

73
00:06:01,040 --> 00:06:06,680
Lihat juga kuliah teks setelah kuliah ini di mana saya menunjukkan file konflik yang tampak berbeda dan

74
00:06:06,680 --> 00:06:08,320
bagaimana Anda akan menyesuaikannya.

75
00:06:08,450 --> 00:06:13,430
Jadi lihatlah kuliah ini dalam hal ini jika terlihat seperti ini maka inilah yang

76
00:06:14,510 --> 00:06:17,090
perlu Anda tweak dalam opsi di sini.

77
00:06:17,090 --> 00:06:23,930
Anda memiliki import loader 1 sekarang di sana Anda semua harus menambahkan entri modul dan mengatur ini menjadi

78
00:06:24,290 --> 00:06:31,090
true dan kemudian entri nama indentasi lokal yang Anda tetapkan ke string yang akan terlihat seperti ini.

79
00:06:32,120 --> 00:06:41,480
Tanda kurung kotak garis bawah tanda kurung kotak lokal antara tanda kurung garis

80
00:06:41,540 --> 00:06:46,980
bawah tanda kurung basis hash 64 5.

81
00:06:47,010 --> 00:06:48,330
Nah, itu terlihat sangat aneh.

82
00:06:48,330 --> 00:06:50,310
Apa arti semua ini?

83
00:06:50,310 --> 00:06:56,850
Ini memungkinkan untuk melihat kami sebagai fitur modul yang akan kami gunakan dan ini akan digunakan oleh fitur

84
00:06:56,850 --> 00:07:01,730
tersebut untuk secara dinamis menghasilkan CSA unik sebagai nama kelas pada akhirnya.

85
00:07:02,010 --> 00:07:08,640
Sekarang kita semua perlu melakukan hal yang sama di profil sehingga Anda dapat menyalin dua baris ini

86
00:07:08,640 --> 00:07:17,190
pergi ke profil konflik halaman web dan juga mencari tes S di sana dan mereka semua menambahkan dua entri ini ke opsi ini

87
00:07:17,190 --> 00:07:18,750
dari CSA sebagai loader.

88
00:07:18,750 --> 00:07:26,870
Sekarang dengan itu Anda dapat menjalankan kembali NPM mulai dan sekarang seharusnya masih berfungsi dengan baik tanpa masalah.

89
00:07:26,880 --> 00:07:34,770
Sekarang apa yang kita dapatkan dengan menambahkan item konfigurasi D jika kita masuk ke aplikasi J S kita sekarang dapat mengimpor dari file

90
00:07:34,770 --> 00:07:36,890
C as dengan cara yang berbeda.

91
00:07:37,050 --> 00:07:42,870
Kami dapat mengimpor dari raksasa misalnya dan Anda dapat menyebutkan tahun ini siapa pun yang Anda inginkan.

92
00:07:42,870 --> 00:07:47,970
Sekarang ini adalah cara berbeda untuk mengimpor dari CSA sebagai file yang sekarang didukung oleh skrip

93
00:07:47,970 --> 00:07:51,570
tagihan yang mendasarinya karena tweak kami baru saja kami buat.

94
00:07:51,570 --> 00:07:57,210
Apa yang akan dilakukan adalah mengimpor semua kelas yang kami ekspor di sini misalnya tombol yang akan saya beri

95
00:07:57,210 --> 00:07:59,690
label huruf besar B tidak perlu melakukan itu.

96
00:07:59,760 --> 00:08:02,190
Hanya ingin melakukannya agar sejalan dengan aplikasi.

97
00:08:02,190 --> 00:08:04,830
Ini akan mengimpor kelas-kelas ini di sini.

98
00:08:04,890 --> 00:08:08,250
Pada akhirnya tanyakan properti pada objek ini.

99
00:08:08,340 --> 00:08:09,620
Apa artinya ini.

100
00:08:09,630 --> 00:08:15,310
Ini berarti bahwa jika kita masuk ke tombol kita, saya tidak menambahkan tombol seperti ini.

101
00:08:15,450 --> 00:08:18,030
Sebaliknya di sini kita menambahkan sesuatu secara dinamis.

102
00:08:18,030 --> 00:08:21,060
Kami menunjuk tombol mulai kelas.

103
00:08:21,060 --> 00:08:26,280
Sekarang kita perlu berhati-hati di sini karena saya sudah mendapatkan konstanta kelas di sini.

104
00:08:26,280 --> 00:08:36,730
Jadi untuk menghindari bentrokan nama, saya akan mengganti nama menjadi dua kelas yang ditugaskan di sini dan di sini dan di sini dan apa yang saya

105
00:08:36,730 --> 00:08:43,390
dorong di sini tidak merah, melainkan kelas yang menghindari merah mengacu pada impor yang kami impor

106
00:08:43,390 --> 00:08:46,540
dari file CSX dan di sini kelasnya

107
00:08:49,710 --> 00:08:57,510
dicetak tebal sekarang kita semua perlu men-tweak ini di sini dan menunjuk pada aplikasi kelas dot begitu efektif saya menunjuk

108
00:08:57,510 --> 00:09:03,200
properti ini pada objek kelas ini dan properti yang saya tunjuk adalah nama-nama kelas.

109
00:09:03,210 --> 00:09:08,140
Saya mengatur aplikasi C. S. s Tombol aplikasi rad tebal.

110
00:09:08,190 --> 00:09:15,180
Sekarang apa yang saya lakukan di sini untuk melihat kami sebagai fitur modul adalah fitur yang diterapkan oleh beberapa alat yang merupakan

111
00:09:15,180 --> 00:09:16,540
bagian dari proses pembangunan.

112
00:09:16,550 --> 00:09:22,830
Jadi jika proses yang mengambil kode kita lalu mengkompilasinya mentransformasikannya dan menggabungkannya bersama-sama dan proses

113
00:09:22,830 --> 00:09:29,760
ini hanya mendeteksi impor semacam ini dari file CSX dan memahami bahwa kita tidak hanya ingin menambahkan

114
00:09:29,760 --> 00:09:37,950
CSX seperti apa adanya tetapi sebaliknya sekarang melihat ke dalam file CSX mengubah setiap nama kelas di sini menjadi yang

115
00:09:38,160 --> 00:09:47,940
unik menjadi acak unik dan mengembalikan kepada kami peta dari nama-nama kelas unik yang dihasilkan yang dipetakan ke nama kelas D yang kami pilih

116
00:09:47,940 --> 00:09:56,160
di sini sebagai properti dan merupakan objek yang kami impor sehingga setiap kelas nama yang harus kita lihat karena file-nya

117
00:09:56,250 --> 00:10:02,010
sekarang adalah properti dari objek yang diimpor ini dan nilai untuk setiap properti adalah

118
00:10:02,010 --> 00:10:07,610
nama kelas unik yang dihasilkan secara acak ini yang dihasilkan oleh paket ini.

119
00:10:07,620 --> 00:10:14,600
Hasilnya adalah bahwa jika saya sekarang menyimpan ini Anda akan melihat semuanya masih berfungsi tetapi jika kami menganalisis tempat ini

120
00:10:14,620 --> 00:10:20,380
dan Anda melihat lemari memiliki sekarang sebenarnya tombol aplikasi beberapa hash acak inilah yang saya maksud.

121
00:10:20,420 --> 00:10:26,160
Ini adalah nama yang dibuat secara acak ini mengikuti konvensi penamaan kami yang kami atur di konfigurasi halaman

122
00:10:26,210 --> 00:10:27,380
web pada akhirnya.

123
00:10:27,500 --> 00:10:34,610
Ini dijamin unik hanya di komponen ini hanya komponen web baru sehingga kami tidak dapat berbenturan dengan komponen lain

124
00:10:34,700 --> 00:10:42,560
karena hanya di sini saya mengimpor dari app assassin dengan cara itu jika saya menggunakan katakanlah nama kelas Button ditulis seperti ini

125
00:10:42,560 --> 00:10:47,900
di bagian lain aplikasi saya tidak akan berbenturan dengan gaya di sini karena ini

126
00:10:47,900 --> 00:10:51,500
sebenarnya tidak akan diterapkan sebagai kelas tombol ke elemen.

127
00:10:51,500 --> 00:10:58,790
Tetapi karena nama yang dihasilkan ini adalah ide di balik modul CFS dan oleh karena itu mereka memungkinkan kami untuk memindahkan

128
00:10:58,790 --> 00:11:04,530
kode untuk melihat kami sebagai berikut dan masih diimpor dengan cara yang mencakup komponen ini.

129
00:11:04,580 --> 00:11:10,620
Sekarang pertanyaannya adalah bagaimana kita sekarang dapat menerapkan perubahan gaya dinamis seperti itu.

130
00:11:10,700 --> 00:11:15,820
Sekarang kita tidak lagi mengatur gaya dalam kode javascript tetapi dalam file C Ss.

131
00:11:16,140 --> 00:11:20,950
Kita hanya perlu menambahkan berbeda sebagai kelas berdasarkan gaya yang kita inginkan.

132
00:11:21,140 --> 00:11:26,930
Jadi kita tidak bisa masuk ke aplikasi CSX dan kemudian di sana kita dapat menambahkan ret kelas baru.

133
00:11:27,050 --> 00:11:31,740
Dan di sini saya menentukan pemilih bahwa ini hanya memiliki efek

134
00:11:31,760 --> 00:11:42,890
jika pada elemen yang semua menari kelas Button dan di sana di tombol merah kita sekarang dapat mengatur warna latar belakang menjadi merah dan saya juga menambahkan tombol Don

135
00:11:42,890 --> 00:11:51,630
ke red hover untuk mengatur spesifik Arahkan kursor ke warung tempat saya ingin menggunakan warna latar belakang dan atur ini ke Selman.

136
00:11:51,860 --> 00:11:56,370
Sekarang tombol default hover sub masih akan berlaku tetapi ini akan menimpa warna latar belakang.

137
00:11:56,420 --> 00:11:58,350
Warna di sini akan ditutup.

138
00:11:58,700 --> 00:12:01,160
Jadi sekarang dengan itu kami menambahkan kelas baru.

139
00:12:01,160 --> 00:12:04,120
Dan omong-omong, ini tidak menjadi bingung dengan klausa merah ini.

140
00:12:04,130 --> 00:12:10,710
Ini memiliki huruf kecil r ini memiliki huruf besar opera R dan ini juga hanya memiliki fakta jika itu pada tombol.

141
00:12:10,940 --> 00:12:18,800
Jadi sekarang aplikasi ya kita dapat mengubah kelas kita di sini pada tombol secara dinamis berdasarkan kondisi yang kita

142
00:12:18,800 --> 00:12:20,120
miliki untuk itu.

143
00:12:20,420 --> 00:12:28,790
Jadi kita bisa mengatakan kita katakan bukan ikon gaya di sini tetapi di sana di bawah ini atau orang mungkin

144
00:12:28,790 --> 00:12:36,530
kita memiliki variabel kelas tombol yang awalnya adalah array di mana kita hanya memiliki tombol kelas dot dengan kasus

145
00:12:36,530 --> 00:12:37,650
opera B.

146
00:12:38,090 --> 00:12:43,340
Dan ingat ini hanya akan menjadi penunjuk pada nama kelas yang unik ini yang dihasilkan oleh

147
00:12:43,340 --> 00:12:48,560
paket modul C menilai dan ini kelas tombol yang saya akan satu berbaring di sana.

148
00:12:48,560 --> 00:12:53,440
Jadi di sini saya akan menambahkan kelas Button bergabung seperti ini

149
00:12:53,450 --> 00:12:58,160
Jadi karena kita memiliki array di sini saya ingin bergabung dengan semua kelas yang ada di sana

150
00:12:58,160 --> 00:13:03,790
bersama-sama dengan ruang putih di antara kita tentu saja bisa juga disebut sebagai kelas Button jika Anda suka itu dengan baik.

151
00:13:03,800 --> 00:13:10,280
Dan sekarang di sini di tempat ini di mana kita perlu mengubah gaya secara dinamis kita mengatur kelas Button

152
00:13:10,280 --> 00:13:17,450
atau kita tidak mengaturnya tetapi kita mendorong kelas baru ke atasnya dan itu kelas mulai huruf besar menggunakan kelas merah khusus

153
00:13:17,450 --> 00:13:19,430
yang baru saja kita tambahkan.

154
00:13:19,430 --> 00:13:26,030
Jadi sekarang ini akan menjadi array Kelas tombol akan menjadi array dengan kelas Tombol dan dengan kelas merah

155
00:13:26,480 --> 00:13:30,250
dan keduanya digabungkan di sini akan memiliki efek ini.

156
00:13:30,290 --> 00:13:37,010
Jadi sekarang dengan itu jika kita menyimpan ini dan kita memuat kembali Anda akan melihat bahwa jika saya beralih saat kita mendapatkan tombol

157
00:13:37,040 --> 00:13:42,430
merah dengan latar belakang Selman kita tidak beralih kita memiliki tombol hijau dengan latar belakang hijau dan Anda akan

158
00:13:42,440 --> 00:13:46,240
melihat di sebelah kanan bahwa kelas baru mendapat aditif ketika kita beralih.

159
00:13:46,280 --> 00:13:52,610
Jadi ini adalah bagaimana kita dapat mengimplementasikan ini dengan C karena modul ini kita cukup menambahkan

160
00:13:52,610 --> 00:13:59,110
perbedaan sebagai kelas dan sekarang cara kita menerapkan ini adalah dengan mengatakan, alih-alih kelas aplikasi saya setiap tombol

161
00:13:59,110 --> 00:14:00,000
harus berhenti.

162
00:14:00,010 --> 00:14:06,970
Jadi di sini kita bisa mengatakan tombol aplikasi seperti ini menggunakan pemilih tag tombol di sini.

163
00:14:06,970 --> 00:14:07,940
Bukan kelas.

164
00:14:07,940 --> 00:14:12,070
Ini hanya pemungut pajak sekarang hanya aplikasi sebagai pemilih kelas.

165
00:14:12,340 --> 00:14:22,280
Dan kemudian di sini kita mengatakan dengan baik tombol apa saja dengan klausa merah di dalam kelas aplikasi kita, kita akan memiliki mantra ini.

166
00:14:22,310 --> 00:14:27,680
Jadi sekarang kita menggunakan pemilih CSF yang lebih kompleks atau sedikit lebih kompleks.

167
00:14:27,680 --> 00:14:33,290
Kami mengatakan setiap tombol di luar elemen yang memiliki klausa aplikasi harus memiliki gaya itu dan setiap tombol

168
00:14:33,300 --> 00:14:38,840
di dalam elemen kami dengan kelas aplikasi yang juga harus membaca kelas harus memiliki gaya ini.

169
00:14:38,960 --> 00:14:44,240
Sekarang karena tombol saya di sini ada di dalam elemen dengan kelas aplikasi tombol ini akan mendapatkan gaya

170
00:14:44,600 --> 00:14:49,900
ini dan kemudian kita bisa menyederhanakan ini di sini untuk mengatakan kita hanya ingin menambahkan kelas tombol di

171
00:14:49,910 --> 00:14:54,860
sini dan kelas tombol bukan array tetapi klausa tombol sama dengan kelas yang disimpan disini.

172
00:14:54,860 --> 00:15:03,080
Jadi untuk kelas khusus saya yang ingin saya tambahkan akhirnya dan secara default kelas tombol kosong.

173
00:15:03,260 --> 00:15:09,820
Jadi secara default kita pergi ke tempat di mana kelas tombol ditemukan di sini karena kita tidak bekerja dengan kelas

174
00:15:09,820 --> 00:15:16,360
tombol default tetapi tombol apa pun di dalam kelas aplikasi menghias elemen itu. Kita akan memiliki gaya itu dan kita

175
00:15:16,680 --> 00:15:19,350
akan memiliki efek yang sama dengan sebelum.