Запитання з тегом «css-content»

Як ви використовуєте властивість CSS content для додавання об'єктів HTML ? Використовуючи щось подібне, просто друкується   на екран замість нерозривного простору: .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

Я намагаюся використовувати :afterпсевдоелемент CSS у inputполі, але це не працює. Якщо я використовую його з a span, він працює добре. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Це працює (ставить смайлик після "бу!" І перед "ще трохи") <span class="mystyle">buuu!</span>a some more Це не працює - воно лише забарвлює певну …

686 html  css  pseudo-element  css-content 

Цікаво, чи можна якось змусити contentвластивість CSS вставити HTML-код замість рядка :beforeабо :afterтакий елемент, як: .header:before{ content: '<a href="#top">Back</a>'; } це було б дуже зручно ... Це можна зробити через Javascript, але використання css для цього дійсно полегшить життя :)

246 html  css  pseudo-element  css-content 

Жоден із наведених нижче кодів не працює: p:before { content: " "; } p:before { content: " "; } Як додати пробіл перед вмістом елемента? Примітка. Мені потрібно розфарбувати лівий кордон та край ліворуч для семантичного використання та використовувати простір як безбарвне поле. :)

118 css  unicode  space  css-content 

Чи можливо мати кілька :beforeпсевдо для одного елемента? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Я намагаюся застосувати вищевказані стилі до одного і того ж елемента за допомогою jQuery, але застосовується лише останній, ніколи не обидва.

116 css  css-selectors  pseudo-element  css-content 

Мені цікаво, чому браузер показує подвійні відкриті лапки лише для першого елемента. Натомість другий елемент має одинарні лапки. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент

89 html  css  pseudo-element  css-content