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

Transformasi teks CSS: huruf besar tidak berfungsi pada huruf besar semua

Dalam senario ini, objektifnya adalah untuk menggunakan huruf besar pertama bagi setiap perkataan dalam teks apabila teks disediakan dalam huruf besar semua. Walau bagaimanapun, menggunakan text-transform: huruf besar; kepada elemen HTML tidak mencapai kesan yang diingini untuk menggunakan huruf besar pertama bagi setiap perkataan dalam teks 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!