Pertanyaan yang diberi tag «css-content»

Bagaimana Anda menggunakan properti CSS content untuk menambahkan entitas HTML ? Menggunakan sesuatu seperti ini hanya mencetak  ke layar alih-alih ruang yang tidak putus: .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

Saya mencoba menggunakan :afterelemen pseudo-CSS pada suatu inputbidang, tetapi tidak berhasil. Jika saya menggunakannya dengan span, itu berfungsi OK. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Ini bekerja (menempatkan smiley setelah "buu!" Dan sebelum "lagi") <span class="mystyle">buuu!</span>a some more Ini tidak berfungsi - itu hanya warna someValue dalam merah, tetapi …

685 html  css  pseudo-element  css-content 

Hanya ingin tahu apakah mungkin entah bagaimana membuat contentproperti CSS memasukkan kode html sebagai ganti string :beforeatau :afterelemen seperti: .header:before{ content: '<a href="#top">Back</a>'; } ini akan sangat berguna ... Itu bisa dilakukan melalui Javascript tetapi menggunakan css untuk ini benar-benar akan membuat hidup lebih mudah :)

246 html  css  pseudo-element  css-content 

Tak satu pun dari kode berikut berfungsi: p:before { content: " "; } p:before { content: " "; } Bagaimana cara menambahkan spasi sebelum konten elemen? Catatan: Saya perlu mewarnai tepi kiri dan tepi kiri untuk penggunaan semantik dan menggunakan spasi sebagai margin tanpa warna. :)

118 css  unicode  space  css-content 

Apakah mungkin memiliki beberapa :beforepseudo untuk elemen yang sama? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Saya mencoba menerapkan gaya di atas ke elemen yang sama menggunakan jQuery, tetapi hanya yang terbaru yang diterapkan, tidak pernah keduanya.

116 css  css-selectors  pseudo-element  css-content 

Saya bertanya-tanya mengapa browser menampilkan tanda kutip terbuka ganda hanya untuk elemen pertama. Elemen kedua memiliki tanda kutip tunggal. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan

89 html  css  pseudo-element  css-content