Pertanyaan yang diberi tag «pseudo-element»

CSS (Cascading Style Sheets) adalah bahasa representasi style sheet yang digunakan untuk mendeskripsikan tampilan dan pemformatan dokumen HTML (HyperText Markup Language), XML (Extensible Markup Language) dan elemen SVG termasuk (tetapi tidak terbatas pada) warna, tata letak, font, dan animasi. Ini juga menjelaskan bagaimana elemen harus ditampilkan di layar, di atas kertas, dalam pidato, atau di media lain.

20
Dapatkah saya menggunakan: sebelum atau: setelah elemen semu pada bidang input?
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 …
8
CSS: not (: last-child): setelah pemilih
Saya memiliki daftar elemen, yang ditata seperti ini: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Output One | Two | Three | Four | Five |bukanOne | Two …
12
Bisakah saya mengubah ketinggian gambar di CSS: sebelum /: setelah elemen semu?
Misalkan saya ingin menghias tautan ke jenis file tertentu menggunakan gambar. Saya dapat mendeklarasikan tautan saya sebagai <a href='foo.pdf' class='pdflink'>A File!</a> kemudian punya CSS like .pdflink:after { content: url('/images/pdf.png') } Sekarang, ini berfungsi dengan baik, kecuali jika pdf.pngbukan ukuran yang tepat untuk teks tautan saya. Saya ingin dapat memberitahu browser …
7
CSS: Bagaimana menghapus elemen pseudo (setelah, sebelum, ...)?
Saya ingin menggunakan sakelar untuk tata letak tag paragraf di halaman web. Saya menggunakan pseudoelement setelah: p:after {content: url("../img/paragraph.gif");} Sekarang saya perlu menghapus kode CSS ini dari halaman. Bagaimana ini bisa dilakukan dengan mudah? Saya ingin menambahkan itu: jQuery sudah digunakan di halaman dan saya tidak ingin memasukkan atau menghapus …
3
Combine: after dengan: hover
Saya ingin menggabungkan :afterdengan :hoverdi CSS (atau pemilih semu lainnya). Saya pada dasarnya memiliki daftar dan item dengan selectedkelas memiliki bentuk panah yang digunakan :after. Saya ingin hal yang sama berlaku untuk objek yang sedang melayang tetapi tidak bisa membuatnya berfungsi. Inilah kode #alertlist { list-style:none; width: 250px; } #alertlist …
6
Haruskah saya menggunakan notasi titik dua tunggal atau ganda untuk elemen semu?
Karena IE7 dan IE8 tidak mendukung notasi titik dua ganda untuk elemen semu (misalnya ::afteratau ::first-letter), dan karena browser modern mendukung notasi titik dua (misalnya :after) untuk kompatibilitas mundur, sebaiknya saya hanya menggunakan notasi titik dua tunggal dan kapan Pangsa pasar IE8 turun ke tingkat yang dapat diabaikan kembali dan …
3
CSS: setelah tidak menambahkan konten ke elemen tertentu
Saya kesulitan memahami perilaku :afterproperti CSS . Menurut spesifikasi ( disini dan disini ): Seperti yang ditunjukkan oleh namanya, :beforedan :afterpseudo-elemen menentukan lokasi konten sebelum dan sesudah konten pohon dokumen elemen. Tampaknya ini tidak membatasi elemen mana yang dapat memiliki properti :after(atau :before). Namun, tampaknya hanya bekerja dengan spesifik elemen …
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.