Menyesuaikan Kandungan Unsur Pseudo CSS dengan Atribut Data dan Aksara Baris Baharu
Dalam dunia CSS, atribut data menawarkan cara yang mudah untuk membenamkan maklumat ke dalam elemen HTML yang boleh diakses dan dimanipulasi dengan peraturan gaya. Tetapi bagaimana jika anda perlu memasukkan baris baharu dalam atribut data ini?
Soalan:
Bolehkah anda menentukan baris baharu dalam atribut data CSS dan menggunakannya dalam kandungan unsur pseudo?
Terperinci Penjelasan:
Untuk mendayakan baris baharu dalam atribut data, anda mesti mengubah suai nilai atribut itu sendiri. Begini caranya:
Laraskan gaya elemen pseudo: Untuk mengekalkan baris baharu, tambahkan sifat berikut pada elemen pseudo:
Kod Contoh:
[data-foo]:after { content: attr(data-foo); background-color: black; color: white; white-space: pre; display: inline-block; }
<div data-foo='First line 
 Second Line'>foo</div>
Dengan pengubahsuaian ini, elemen pseudo akan memaparkan kandungan atribut data dengan baris baharu yang dipelihara , membolehkan anda membuat paparan berbilang baris berdasarkan atribut data tersuai.
Atas ialah kandungan terperinci Bolehkah Baris Baharu Digunakan dalam Atribut Data CSS untuk Kandungan Unsur Pseudo?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!