Mengapakah `teks-transformasi: huruf besar` tidak berfungsi pada Teks Semua Huruf Besar?

Untuk menyelesaikan isu ini, pendekatan CSS yang diubah suai sedikit boleh diguna pakai:

.link {
  text-transform: lowercase;
}

.link:first-letter,
.link:first-line {
  text-transform: uppercase;
}

Kod CSS ini menggunakan teknik berikut:

• teks-transformasi: huruf kecil;: Menukar semua teks dalam elemen .pautkan kepada huruf kecil.
• transformasi teks: huruf besar; digunakan pada :huruf pertama dan :baris pertama masing-masing menggunakan huruf besar huruf pertama bagi setiap perkataan dan baris pertama teks.

Dengan menggunakan gaya ini, output yang diingini dicapai:

Small Caps
All Caps

Atas ialah kandungan terperinci Mengapakah `teks-transformasi: huruf besar` tidak berfungsi pada Teks Semua Huruf Besar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!