Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menggayakan Hanya Perkataan Pertama Setiap Perenggan Dalam Div Tertentu Menggunakan CSS atau JavaScript?

Bagaimanakah Saya Boleh Menggayakan Hanya Perkataan Pertama Setiap Perenggan Dalam Div Tertentu Menggunakan CSS atau JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-12-26 03:05:10
asal
450 orang telah melayarinya

How Can I Style Only the First Word of Each Paragraph Within a Specific Div Using CSS or JavaScript?

Penggayaan CSS untuk Perkataan Pertama Perenggan dalam Div Tertentu

Dalam konteks ini, anda bertujuan untuk menggayakan perkataan pertama setiap perenggan dalam div dengan ID " kandungan" menggunakan CSS. Secara khususnya, anda ingin menetapkan saiz fon perkataan ini kepada 14pt, sambil mengekalkan saiz fon lalai (12pt) untuk seluruh perenggan.

Penyelesaian CSS (Penggayaan Perkataan Pertama Tahap Perenggan)

Malangnya, CSS tidak menyediakan elemen pseudo asli untuk menyasarkan perkataan pertama dalam perenggan. Unsur pseudo :huruf pertama dan :baris pertama wujud, tetapi tidak membenarkan pemilihan khusus perkataan pertama.

Penyelesaian JavaScript (Teg Span Sebaris)

Untuk mencapai kesan penggayaan yang diingini, anda boleh menggunakan JavaScript untuk membungkus perkataan pertama setiap perenggan dalam teg span. Ini membolehkan anda menyasarkan dan mengubah suai gaya perkataan pertama secara bebas. Satu pelaksanaan JavaScript sedemikian boleh didapati di https://www.dynamicsitesolutions.com/javascript/first-word-selector/.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan