Pytania otagowane jako pseudo-element

CSS (Cascading Style Sheets) to język arkuszy stylów reprezentacji używany do opisywania wyglądu i formatowania dokumentów HTML (HyperText Markup Language), XML (Extensible Markup Language) i elementów SVG, w tym (między innymi) kolorów, układu, czcionek, i animacje. Opisuje również, w jaki sposób elementy powinny być renderowane na ekranie, na papierze, w mowie lub na innych mediach.

20
Czy mogę użyć pseudoelementu: before lub: after w polu wejściowym?
Próbuję użyć :afterpseudoelementu CSS na inputpolu, ale to nie działa. Jeśli używam go z span, działa OK. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> To działa (umieszcza buźkę po „buu!” I przed „trochę więcej”) <span class="mystyle">buuu!</span>a some more To nie działa - tylko koloruje niektóreValue na czerwono, ale nie ma …
8
CSS: not (: last-child): po selektorze
Mam listę elementów, które są stylizowane w następujący sposób: 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> Uruchom fragment koduUkryj wynikiRozwiń fragment kodu Wyjścia One | Two | Three | Four | Five |zamiastOne …
12
Czy mogę zmienić wysokość obrazu w CSS: przed /: po pseudoelementach?
Załóżmy, że chcę ozdobić łącza do niektórych typów plików za pomocą obrazu. Mogę zadeklarować moje linki jako <a href='foo.pdf' class='pdflink'>A File!</a> wtedy mają CSS jak .pdflink:after { content: url('/images/pdf.png') } Teraz działa to świetnie, chyba że pdf.pngnie ma odpowiedniego rozmiaru dla mojego tekstu linku. Chciałbym móc powiedzieć przeglądarce, aby skalowała …
7
CSS: Jak usunąć pseudoelementy (po, przed…)?
Chciałbym użyć przełącznika do układu znaczników akapitu na stronie internetowej. Używam pseudoelementu po: p:after {content: url("../img/paragraph.gif");} Teraz muszę usunąć ten kod CSS ze strony. Jak można to łatwo zrobić? Chcę dodać, że: jQuery jest już używany na stronie i nie chcę dołączać ani usuwać plików zawierających CSS.
3
Połącz: po z: hover
Chcę łączyć :afterz :hoverw CSS (lub innym pseudo selektorze). Zasadniczo mam listę, a element z selectedklasą ma zastosowany kształt strzałki za pomocą :after. Chcę, aby tak samo było w przypadku obiektów, nad którymi się znajdujesz, ale nie mogę sprawić, by działały. Oto kod #alertlist { list-style:none; width: 250px; } #alertlist …
2
: po vs. :: po
Czy jest jakaś funkcjonalna różnica między CSS 2.1 :aftera ::afterpseudo-selektorami CSS 3 (poza ::aftertym, że nie są obsługiwane w starszych przeglądarkach)? Czy jest jakiś praktyczny powód, aby używać nowszej specyfikacji?
4
Użycie: przed pseudoelementem CSS, aby dodać obraz do modalu
Mam klasę CSS, Modalktóra jest pozycjonowana absolutnie, indeksowana z-indeksem nad jej rodzicem i ładnie pozycjonowana za pomocą JQuery. Chcę dodać obraz karetki (^) na górze pola modalnego i patrzyłem na użycie :beforepseudo selektora CSS, aby zrobić to czysto. Obraz musi być pozycjonowany absolutnie i indeksowany z-indeksem powyżej modalu, ale nie …
6
Czy powinienem używać notacji z pojedynczym czy podwójnym dwukropkiem dla pseudoelementów?
Ponieważ IE7 i IE8 nie obsługują notacji z podwójnym dwukropkiem dla pseudoelementów (np. ::afterLub ::first-letter), a ponieważ współczesne przeglądarki obsługują notację z pojedynczym dwukropkiem (np. :after) W celu zapewnienia zgodności wstecznej, powinienem używać wyłącznie notacji z pojedynczym dwukropkiem i kiedy Udział w rynku IE8 spadł do znikomego poziomu, cofnąć się …
3
CSS: po nie dodawaniu treści do niektórych elementów
Mam problem ze zrozumieniem zachowania :afterwłaściwości CSS . Zgodnie ze specyfikacją ( tutaj i tutaj ): Jak ich nazwy wskazują, że :beforei :afterpseudo-elementy określić lokalizację zawartości przed i po zawartości drzewa dokument elementu. Wydaje się, że nie nakłada to ograniczeń na to, które elementy mogą mieć :after(lub :before) właściwość. Jednakże …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.