Gunakan pemilih kelas pseudo :lang untuk memilih gaya bagi elemen dalam bahasa tertentu

Gunakan: pemilih kelas pseudo lang untuk memilih gaya elemen dalam bahasa tertentu Contoh kod khusus diperlukan

Dalam pembangunan web. , kita selalunya Elemen perlu digayakan secara berbeza mengikut bahasa yang berbeza. Pada masa ini, anda boleh menggunakan pemilih kelas pseudo :lang untuk memilih dan menggayakan elemen dalam bahasa tertentu. Mari kita lihat contoh kod tertentu.

Pertama, kami menambah elemen yang mengandungi berbilang bahasa pada dokumen html, seperti yang ditunjukkan di bawah:

<div>
  <p lang="en">This is an English paragraph.</p>
  <p lang="fr">Ceci est un paragraphe en français.</p>
  <p lang="zh">这是一个中文段落。</p>
</div>

Dalam contoh ini, kami mencipta elemen div dan Tiga elemen p ditambahkan padanya, masing-masing dengan atribut lang yang berbeza untuk menandakan bahasa mereka.

Seterusnya, kita boleh menggunakan pemilih kelas pseudo :lang untuk menggayakan elemen dalam bahasa yang berbeza. Contohnya, jika kita ingin menetapkan fon merah untuk perenggan Bahasa Inggeris, fon biru untuk perenggan Perancis dan fon hijau untuk perenggan Cina, kita boleh menggunakan kod CSS berikut:

p:lang(en) {
  color: red;
}

p:lang(fr) {
  color: blue;
}

p:lang(zh) {
  color: green;
}

Dalam perkara di atas kod, kami menggunakan: lang pseudo Pemilih kelas memilih elemen p dengan nilai atribut lang masing-masing en, fr, dan zh, dan menetapkan warna yang berbeza untuknya.

Melalui contoh kod di atas, kita boleh menetapkan gaya yang berbeza mengikut elemen dalam bahasa yang berbeza. Apabila penyemak imbas menghuraikan kod ini, ia akan sepadan dengan pemilih yang sepadan berdasarkan nilai atribut lang elemen dan menggunakan gaya yang ditentukan pada elemen ini.

Selain menetapkan atribut lang secara langsung pada elemen, anda juga boleh menambahkan atribut lang secara dinamik pada elemen melalui kelas CSS atau JavaScript untuk mencapai penggayaan elemen bahasa tertentu.

Untuk meringkaskan, menggunakan pemilih kelas pseudo :lang boleh memilih dan menggayakan elemen dengan mudah dalam bahasa tertentu. Ini sangat berguna dalam pembangunan laman web berbilang bahasa, meningkatkan pengalaman pengguna dan menjadikan kandungan dalam bahasa berbeza lebih menonjol dan lebih mudah dibaca. Saya harap contoh kod di atas akan membantu anda memahami dan mempelajari pemilih kelas pseudo :lang.

Atas ialah kandungan terperinci Gunakan pemilih kelas pseudo :lang untuk memilih gaya bagi elemen dalam bahasa tertentu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!