Programowanie css-content

9

Dodawanie encji HTML za pomocą treści CSS

W jaki sposób używasz właściwości CSS content do dodawania jednostek HTML ? Używanie czegoś takiego po prostu drukuje &nbsp;na ekranie zamiast nieprzerwanej przestrzeni: .breadcrumbs a:before { content: '&nbsp;'; }

1013 html css html-entities css-content

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 …

685 html css pseudo-element css-content

3

Właściwość treści CSS: czy można wstawić HTML zamiast tekstu?

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 użycie do tego css naprawdę ułatwiłoby życie :)

246 html css pseudo-element css-content

4

CSS: jak dodać spację przed zawartością elementu?

Żaden z poniższych kodów nie działa: p:before { content: " "; } p:before { content: "&nbsp;"; } Jak dodać spację przed zawartością elementu? Uwaga: muszę pokolorować obramowanie po lewej stronie i margines po lewej stronie do celów semantycznych i użyć spacji jako bezbarwnego marginesu. :)

118 css unicode space css-content

3

Czy mogę mieć wiele: przed pseudoelementami dla tego samego elementu?

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, nigdy oba.

116 css css-selectors pseudo-element css-content

2

Dlaczego podwójne cudzysłowy są wyświetlane tylko dla pierwszego elementu?

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 href="http://www.amazon.com">Amazon</a> Uruchom fragment koduUkryj wynikiRozwiń fragment

89 html css pseudo-element css-content

Pytania otagowane jako css-content