Isi kandungan:
- Bored Elon Musk
- Modern Seinfeld
- Dalam contoh berikut, teg penanda yang merupakan anak-anak dari tag paragraf dipilih, dan hyperlink tersebut digayakan dengan warna font merah dan tanpa garis bawah. Akaun Twitter Parody Tech tidak digayakan kerana mereka adalah anak langsung dari tag item senarai.
- Dalam contoh berikut, teg penanda yang keturunan senarai tidak disusun dipilih, dan hyperlink tersebut digambarkan dengan warna font biru dan disebarkan. Akaun Twitter Non-Tech Parody tidak ditata kerana mereka bukan keturunan senarai terurus.
Video: Review: Quiz 1 2024
Apabila menyusun unsur-unsur tertentu dengan CSS, sangat berguna untuk memvisualisasikan kod HTML sebagai pohon keluarga dengan ibu bapa, anak-anak, dan adik-beradik. Dalam contoh kod berikut, pokok itu bermula dengan unsur
html
, yang mempunyai dua anak
kepala
dan
badan
. Kepala
mempunyai elemen kanak-kanak yang dipanggil
tajuk
. Tubuh
mempunyai
h1
,
ul
, dan
p
sebagai anak. Akhir sekali, unsur
ul
mempunyai unsur
li
sebagai kanak-kanak, dan unsur
p
mempunyai elemen
sebagai kanak-kanak.
Akaun Twitter Tech Parody
Vinod Coleslaw
ebooks
Lord_Voldemort7
Ini adalah bagaimana kod itu muncul dalam penyemak imbas
. Menggambar pokok keluarga elemen.
a
berada di dalam setiap tiga elemen
li
dan gambar ini menunjukkan
hubungan sekali.
Parody Tech dan Non-Tech akaun Twitter (pokok HTML atau pandangan Model Objek Dokumen).
Bored Elon Musk adalah parodi dari Elon Musk, pengasas PayPal, Tesla, dan SpaceX. Vinod Coleslaw adalah parodi Vinod Khosla, pencipta Sun Microsystems dan kapitalis teroka. Ebooks kuda adalah spambot yang menjadi fenomena internet.
Pokok HTML dipanggil DOM atau model objek dokumen.
Anak pemilih
yang memilih anak-anak terdekat elemen tertentu. Seorang pemilih kanak-kanak dicipta oleh penyenaraian pertama pemilih induk, maka tanda lebih besar daripada (>), dan akhirnya anak pemilih.
Dalam contoh berikut, teg penanda yang merupakan anak-anak dari tag paragraf dipilih, dan hyperlink tersebut digayakan dengan warna font merah dan tanpa garis bawah. Akaun Twitter Parody Tech tidak digayakan kerana mereka adalah anak langsung dari tag item senarai.
p> a { warna: merah; teks-hiasan: tiada;
}
Pemilih kanak-kanak digunakan untuk menyusun akaun Twitter Parody Non-Tech.
Jika anda menggunakan pemilih
di sini, semua pautan pada halaman akan digayakan bukan hanya pilihan.
Tanda penanda akaun Twitter Parody Tech adalah keturunan, atau terletak di dalam, senarai yang tidak disusun. Sekiranya anda ingin gaya hanya akaun Twitter Parody Tech, anda boleh menggunakan pemilih keturunan
, yang bukan hanya memilih anak-anak dari elemen yang ditentukan tetapi semua elemen bersarang dalam elemen yang ditentukan. Pemilih keturunan dibuat dengan penyenaraian pertama pemilih induk, ruang, dan akhirnya pemilih keturunan yang anda mahu sasarkan.
Dalam contoh berikut, teg penanda yang keturunan senarai tidak disusun dipilih, dan hyperlink tersebut digambarkan dengan warna font biru dan disebarkan. Akaun Twitter Non-Tech Parody tidak ditata kerana mereka bukan keturunan senarai terurus.
ul a { warna: biru; text-decoration: line-through;
}
Pemilih kanak-kanak yang digunakan untuk menyusun akaun Twitter Parody Tech.
Berminat dengan penggayaan hanya tag anchor pertama dalam senarai, seperti akaun Twitter Seinfeld Moden, atau item senarai kedua, seperti akaun Twitter Vinod Coleslaw? Pergi ke w3schools. com dan baca lebih lanjut mengenai
anak pertama
, dan
pemilih.
