Bagaimanakah Saya Boleh Menggayakan Hanya Perkataan Pertama Setiap Perenggan dalam CSS?

Mencapai Penggayaan Teks Tepat: Menyasarkan Perkataan Pertama dalam CSS

Anda berusaha untuk meningkatkan perkataan pertama dalam setiap perenggan dalam "#content " div, memberikan saiz fon yang berbeza iaitu 14pt. Mari kita terokai kemungkinan untuk mencapai ini semata-mata melalui CSS.

Had CSS

Malangnya, CSS tidak mempunyai unsur pseudo terbina dalam yang disesuaikan khusus untuk memilih perkataan pertama. Percubaan untuk menggunakan ":first-letter" atau ":first-line" untuk tujuan ini tidak akan menghasilkan hasil yang diingini.

Pendekatan Alternatif: JavaScript

Walaupun batasan CSS, JavaScript boleh memberikan penyelesaian. Pertimbangkan untuk menggunakan coretan kod seperti yang disediakan dalam jawapan:

<script>
var elements = document.querySelectorAll("#content p");
for (var i = 0; i < elements.length; i++) {
var firstWord = elements[i].textContent.split(" ")[0];
elements[i].innerHTML = elements[i].innerHTML.replace(firstWord, "<span>

Pelaksanaan

1. Sertakan kod JavaScript ini dalam dokumen HTML anda atau pautkan fail JavaScript luaran yang mengandunginya.
2. Laraskan pemilih "#content" dalam kod agar sepadan dengan spesifik anda ID atau kelas div.

Kesimpulan

Walaupun CSS tidak mempunyai sokongan langsung untuk menggayakan perkataan pertama, JavaScript menawarkan alternatif yang berdaya maju. Dengan memanfaatkan keupayaannya, anda boleh mencapai penggayaan teks yang tepat yang merangkumi perkataan pertama setiap perenggan dalam div yang anda tentukan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Hanya Perkataan Pertama Setiap Perenggan dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!