Запитання з тегом «pseudo-element»

CSS (Каскадні таблиці стилів) - мова аркуша стилю подання, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

22
Вибір та маніпулювання псевдоелементами CSS, такими як :: до та :: після використання jQuery
Чи є спосіб вибрати / маніпулювати псевдоелементами CSS, такими як ::beforeі ::after(та старою версією з однією комою), використовуючи jQuery? Наприклад, моя таблиця стилів має таке правило: .span::after{ content:'foo' } Як я можу змінити "foo" на "bar" за допомогою jQuery?

20
Чи можу я використовувати: перед або: після псевдоелемента у полі введення?
Я намагаюся використовувати :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 Це не працює - воно лише забарвлює певну …

8
CSS: не (: остання дитина): після вибору
У мене є список елементів, стилізованих так: 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 | …


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

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

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

3
Поєднати: після з: навести курсор
Я хочу комбінувати :afterз :hoverCSS (або будь-яким іншим псевдоселектором). У мене в основному є список, і елемент з selectedкласом має форму стрілки, застосовану за допомогою :after. Я хочу, щоб те саме було справедливо і для предметів, які зависають над, але не можу повністю змусити його працювати. Тут код #alertlist { …


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

2
: після vs. :: після
Чи є якась функціональна різниця між CSS 2.1 :afterта псевдоселекторами CSS 3 ::after(крім того, що їх ::afterне підтримують у старих браузерах)? Чи є якісь практичні причини використовувати новішу специфікацію?

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

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

6
Чи слід використовувати позначення одинарного чи подвійного двокрапки для псевдоелементів?
Оскільки IE7 та IE8 не підтримують позначення подвійної двокрапки для псевдоелементів (наприклад, ::afterабо ::first-letter), а оскільки сучасні браузери підтримують позначення однокрапки (наприклад :after) для зворотної сумісності, чи слід використовувати виключно позначення з двокрапкою та коли Частка ринку IE8 падає до незначного рівня, повертаюсь назад і знаходжу / замінюю в моїй …

3
CSS: після не додавання вмісту до певних елементів
У мене виникають проблеми з розумінням поведінки властивості CSS :after. Відповідно до специфікації ( тут і тут ): Як вказують їх назви, :beforeі :afterпсевдоелементи задають розташування вмісту до та після вмісту дерева документа. Схоже, це не обмежує елементи, які можуть мати :after(або :before) властивість. Однак, здається, працює лише з конкретними …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.