Вопросы с тегом «pseudo-element»

Есть ли способ выбрать / манипулировать псевдоэлементами CSS, такими как ::beforeи ::after(и старая версия с одной точкой с запятой), используя jQuery? Например, моя таблица стилей имеет следующее правило: .span::after{ content:'foo' } Как я могу изменить 'foo' на 'bar', используя jQuery?

943 javascript  jquery  css  jquery-selectors  pseudo-element 

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

687 html  css  pseudo-element  css-content 

У меня есть список элементов, которые оформлены так: 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> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Выходы One | Two | Three | Four | Five |вместоOne | Two …

370 css  css-selectors  pseudo-element 

Как написать :hoverи :visitedусловие дляa:before ? Я пытаюсь, a:before:hoverно это не работает

347 css  css-selectors  pseudo-element  pseudo-class 

Предположим, я хочу украсить ссылки на определенные типы файлов с помощью изображения. Я мог бы объявить свои ссылки как <a href='foo.pdf' class='pdflink'>A File!</a> тогда CSS как .pdflink:after { content: url('/images/pdf.png') } Теперь это прекрасно работает, за исключением случаев, когда pdf.pngразмер моей ссылки не подходит. Я бы хотел сказать браузеру масштабировать …

251 css  pseudo-element 

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

246 html  css  pseudo-element  css-content 

Я хотел бы использовать переключатель для размещения тегов абзаца на веб-странице. Я использую псевдоэлемент после: p:after {content: url("../img/paragraph.gif");} Теперь мне нужно удалить этот код CSS со страницы. Как это можно сделать легко? Я хочу добавить, что: JQuery уже используется на странице и я не хочу включать или удалять файлы, содержащие …

236 javascript  html  css  pseudo-element 

Я хочу совместить :afterс :hoverCSS (или любой другой псевдо-селектор). У меня в основном есть список, и элемент с selectedклассом имеет форму стрелки, примененную с помощью :after. Я хочу, чтобы то же самое относилось к объектам, которые были наведены, но не могли заставить его работать. Вот код #alertlist { list-style:none; width: …

176 css  css-selectors  pseudo-element 

в любом случае, чтобы заставить ротацию работать на псевдо content:"\24B6"? Я пытаюсь повернуть символ Юникода.

159 css  rotation  pseudo-element 

Я делаю HTML электронной подпись с инлайн CSS (т.е. CSS в styleатрибутах), и я интересно, будет ли это можно использовать :beforeи :afterпсевдо-элементы. Если да, то как мне реализовать что-то подобное с помощью встроенного CSS? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

146 html  css  css-selectors  pseudo-element  inline-styles 

Есть ли какая-либо функциональная разница между псевдоселекторами CSS 2.1 :afterи CSS 3 ::after(кроме того, что они ::afterне поддерживаются в старых браузерах)? Есть ли практическая причина использовать новую спецификацию?

134 css  css-selectors  pseudo-element  pseudo-class 

У меня есть класс CSS, Modalкоторый абсолютно позиционирован, проиндексирован по z над его родителем и хорошо позиционирован с помощью JQuery. Я хочу добавить изображение курсора (^) в верхнюю часть модального окна и искал использование :beforeпсевдоселектора CSS, чтобы сделать это чисто. Изображение должно быть абсолютно позиционировано и проиндексировано по оси z …

116 css  modal-dialog  pseudo-element 

Возможно ли иметь несколько :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 

Поскольку IE7 и IE8 не поддерживают нотацию с двойным двоеточием для псевдоэлементов (например, ::afterили ::first-letter), и поскольку современные браузеры поддерживают нотацию с одним двоеточием (например :after) для обратной совместимости, должен ли я использовать только нотацию с одним двоеточием и когда Доля рынка IE8 упала до незначительного уровня, вернуться и найти …

108 css  internet-explorer-8  css-selectors  internet-explorer-7  pseudo-element 

Мне сложно понять поведение :afterсвойства CSS . Согласно спецификации ( здесь и здесь ): Как показывают их имена, псевдоэлементы :beforeи :afterопределяют расположение содержимого до и после содержимого дерева документа элемента. Это, похоже, не накладывает ограничений на то, какие элементы могут иметь свойство :after(или :before). Однако, похоже, он работает только с …

100 css  pseudo-element