Artikel kali ini kita akan meneruskan tentang mengenal attribute selector pada CSS part 2, jika kemarin kita masih membahas tentang mebahas sedikit disini coba kita mengulik sedikit ya teman-teman, supaya lebih jelas lagi kita membahasnya di dalam artikel kali ini, kita akan coba langsung masuk percobaan pertama ya teman-teman maka dari itu jangan kemana-mana simak terus ya teman-teman.
Langsung saja sebelum dalam mengenal attribute selector pada CSS part 2, kita langsung masuk dalam percobaan pertama ya teman-teman. Percobaan pertama adalah saya ingin mengubah seluruh tag HTML yang memiliki atribut title menjadi hijau, berikut kode CSSnya:
[title]{
color: green;
}
Oiya sebelumnnya jika teman-teman belum mengikuti artikel sebelum ini karena saya masih menggunakan struktur HTML dan CSS sebelumnya ya teman-teman, teman-teman bisa langsung klik disini jadi untuk menghemat waktu dan tempat saya langsu coba mengganti mana yang kita ingin kita style. oke jika kita style dengan kode CSS di atas maka hasilnya akan sebagai berikut:
Kali ini kode CSS diatas hanya akan cocok dengan kota bandung dan kota surabaya, karena pada list inilah tag title berada langsung di dalam tag <li>. Khusus untuk kota medan dan kota makassar, keduanya tidak akan berubah karena atribut title berada di dalam tag <a>, bukan di dalam tag <li>. Selain mengunakan nama atribut, kita juga bisa menambahkan nilai dari atribut tersebut. Sebagai contoh, jika saya ingin mencari tag HTML yang memiliki atribut title dengan nilai “kota bandung”, saya bisa menggunakan selector berikut ini:
[title="kota bandung"]{
color: green;
}
Kode CSS diatas hanya akan mengubah warna teks dari kota bandung, karena atribut title yang bernilai “kota bandung” hanya ada pada satu list kota. Bagaimana jika saya ingin mencari seluruh atribut title yang mengandung kata “kota” ? tapi sepertinya jika ingin membahas yang mengandung kata kota saja dan lain-lain kita bahas pada artikel selanjutnnya saja ya teman-teman karena sudah cukup sangat panjang, oke untuk mengenal attribute selector pada CSS part 2 cukup sampai disini dan selanjutnnya saya akan melanjutkan mengenal attribute selector pada CSS part 3 Terimakasih.
The post Mengenal Attribute Selector Pada CSS Part 2 appeared first on Kursus Website Terbaik.