Псевдоэлементы CSS обеспечивают улучшенное отображение содержимого внутри элементов или возможность создания дополнительного начального или конечного содержимого для элементов.
Есть ли способ выбрать / манипулировать псевдоэлементами CSS, такими как ::beforeи ::after(и старая версия с одной точкой с запятой), используя jQuery? Например, моя таблица стилей имеет следующее правило: .span::after{ content:'foo' } Как я могу изменить 'foo' на 'bar', используя...
Я пытаюсь использовать :afterпсевдоэлемент CSS на inputполе, но он не работает. Если я использую это с span, это работает хорошо. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Это работает (ставит смайлик после "buu!" И перед "еще...
У меня есть список элементов, которые оформлены так: 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>...
Как написать :hoverи :visitedусловие дляa:before ? Я пытаюсь, a:before:hoverно это не
Предположим, я хочу украсить ссылки на определенные типы файлов с помощью изображения. Я мог бы объявить свои ссылки как <a href='foo.pdf' class='pdflink'>A File!</a> тогда CSS как .pdflink:after { content: url('/images/pdf.png') } Теперь это прекрасно работает, за исключением случаев,...
Просто интересно, можно ли каким-то образом заставить contentсвойство CSS вставлять html-код вместо строки on :beforeили :afterэлемента вроде: .header:before{ content: '<a href="#top">Back</a>'; } это было бы очень удобно ... Это можно сделать через Javascript, но использование css для...
Я хотел бы использовать переключатель для размещения тегов абзаца на веб-странице. Я использую псевдоэлемент после: p:after {content: url("../img/paragraph.gif");} Теперь мне нужно удалить этот код CSS со страницы. Как это можно сделать легко? Я хочу добавить, что: JQuery уже используется на...
Я хочу совместить :afterс :hoverCSS (или любой другой псевдо-селектор). У меня в основном есть список, и элемент с selectedклассом имеет форму стрелки, примененную с помощью :after. Я хочу, чтобы то же самое относилось к объектам, которые были наведены, но не могли заставить его работать. Вот код...
в любом случае, чтобы заставить ротацию работать на псевдо content:"\24B6"? Я пытаюсь повернуть символ
Я делаю HTML электронной подпись с инлайн CSS (т.е. CSS в styleатрибутах), и я интересно, будет ли это можно использовать :beforeи :afterпсевдо-элементы. Если да, то как мне реализовать что-то подобное с помощью встроенного CSS? td { text-align: justify; } td:after { content: ""; display:...
Есть ли какая-либо функциональная разница между псевдоселекторами CSS 2.1 :afterи CSS 3 ::after(кроме того, что они ::afterне поддерживаются в старых браузерах)? Есть ли практическая причина использовать новую...
У меня есть класс CSS, Modalкоторый абсолютно позиционирован, проиндексирован по z над его родителем и хорошо позиционирован с помощью JQuery. Я хочу добавить изображение курсора (^) в верхнюю часть модального окна и искал использование :beforeпсевдоселектора CSS, чтобы сделать это чисто....
Возможно ли иметь несколько :beforeпсевдонимов для одного и того же элемента? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Я пытаюсь применить указанные выше стили к одному и тому же элементу с помощью jQuery, но применяется...
Поскольку IE7 и IE8 не поддерживают нотацию с двойным двоеточием для псевдоэлементов (например, ::afterили ::first-letter), и поскольку современные браузеры поддерживают нотацию с одним двоеточием (например :after) для обратной совместимости, должен ли я использовать только нотацию с одним...
Мне сложно понять поведение :afterсвойства CSS . Согласно спецификации ( здесь и здесь ): Как показывают их имена, псевдоэлементы :beforeи :afterопределяют расположение содержимого до и после содержимого дерева документа элемента. Это, похоже, не накладывает ограничений на то, какие элементы могут...
У меня есть набор стилизованных ссылок, в которых используется :beforeстрелка. Это выглядит хорошо во всех браузерах, но когда я применяю подчеркивание к ссылке, я не хочу, чтобы на :beforeчасти (стрелка) было подчеркивание . См., Например, jsfiddle: http://jsfiddle.net/r42e5/1/ Можно ли это...
Такие вещи, как a:linkили div::after... Информация о разнице кажется скудной.
Мне интересно, почему браузер показывает двойные открытые кавычки только для первого элемента. Вместо этого второй элемент заключен в одинарные кавычки. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a...