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.
Czy jest jakiś sposób wybierania / manipulowania pseudoelementami CSS, takimi jak ::beforei ::after(oraz stara wersja z jednym średnikiem) za pomocą jQuery? Na przykład mój arkusz stylów ma następującą zasadę: .span::after{ content:'foo' } Jak zmienić „foo” na „bar” za pomocą...
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...
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>...
Jak pisać :hoveri :visitedwarunek dla a:before? Próbuję, a:before:hoverale to nie
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...
Zastanawiam się tylko, czy można w jakiś sposób sprawić, by contentwłaściwość CSS wstawiała zamiast kodu HTML ciąg znaków :beforelub :afterelement taki jak: .header:before{ content: '<a href="#top">Back</a>'; } byłoby to bardzo przydatne ... Można to zrobić za pomocą Javascript, ale...
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ę...
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 {...
w każdym razie, aby rotacja działała na pseudo content:"\24B6"? Próbuję obrócić symbol
Robię to HTML email podpisu inline CSS (tj CSS w styleatrybutach) i jestem ciekaw, czy to możliwe, aby wykorzystać :beforei :afterpseudo-elementy. Jeśli tak, jak zaimplementowałbym coś takiego z wbudowanym CSS? td { text-align: justify; } td:after { content: ""; display: inline-block; width:...
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?
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...
Czy można mieć wiele :beforepseudo dla tego samego elementu? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Próbuję zastosować powyższe style do tego samego elementu za pomocą jQuery, ale stosowany jest tylko najnowszy,...
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...
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,...
Mam zestaw stylizowanych linków używających :beforedo zastosowania strzałki. Wygląda dobrze we wszystkich przeglądarkach, ale kiedy zastosuję podkreślenie do łącza, nie chcę, aby część była podkreślona :before(strzałka). Zobacz na przykład jsfiddle: http://jsfiddle.net/r42e5/1/ Czy można to...
Takie rzeczy jak a:linklub div::after... Informacje na temat różnicy wydają się skąpe.
Zastanawiam się, dlaczego przeglądarka wyświetla podwójne cudzysłowy otwarte tylko dla pierwszego elementu. Zamiast tego drugi element zawiera pojedyncze cudzysłowy. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a...