Articles of css content

Счетчики CSS – добавление глубоко вложенных списков

У меня есть многостраничная форма, и каждая страница содержится в элементе списка. Каждый из этих элементов списка содержит упорядоченный список с вопросами в его элементах списка. Каждый из этих элементов списка содержит неупорядоченный список с выбором типов радио или флажков. Я пытаюсь увеличить счетчики CSS для элементов списка упорядоченного списка. Вот пример: http://jsfiddle.net/wCbvb/ Page 1 […]

Почему псевдо-контент: после того, как он не показан после, но в соответствующем div?

В следующем примере показан div с box :after содержимого, которое должно быть отдельным блоком. div.box { background-color: #FAA; width: 10em; overflow: scroll; } div.box:after { content: “☑”; display: block; background-color: #AFA; width: 5em; overflow: auto; } x Но содержимое после этого помещается внутри полос прокрутки. Мое предположение состояло в том, что оно действительно происходит после […]

применить css к html, но не iframe html

Я делаю пользовательскую таблицу стилей для надстройки «стильный». Он использует полупрозрачный темный ящик на всей странице для ночного просмотра. Я использую: html:before { content:url()!important; position:fixed!important; width:100%!important; height:100%!important; top:0!important; left:0!important; background:rgba(2,3,3,.35)!important; z-index:99999999999999999!important; pointer-events:none!important; } для создания фиксированного, вышележащего div. Это прекрасно работает, однако, если на сайте есть какие-либо iframe, он будет применять этот код в HTML-тегах […]

html специальные символы в css-контенте, используя attr ()

Соответствующий код: http://codepen.io/anon/pen/ocptF/ EDIT: codepen использует Jade и, таким образом, путает несколько вещей. Я не знал об этом, когда начинал этот вопрос. По сути, я думал, что CSS attr () будет копировать по атрибуту HTML буквально, но это не так. Я хотел бы использовать функцию CSS attr для заполнения content для некоторых псевдоэлементов. Тем не […]

Использование свойства attr (data-icon) для отображения unicode перед элементом

Давайте продемонстрируем пример с простым HTML-кодом: Title Я хотел бы, чтобы этот элемент имел значок префикса, установленный его атрибутом данных (значок данных), поэтому я устанавливаю файл CSS следующим образом: div:before { content: attr(data-icon); } Мой желаемый результат этого примера будет выглядеть так: ▶Title Вместо желаемого вывода все, что я могу получить, это: \25B6Title Итак, мой […]

Атрибут данных CSS новый символ строки и значение содержимого псевдоэлемента

Возможно ли иметь новую строку в атрибуте данных? Я пытаюсь сделать что-то вроде этого: CSS: [data-foo]:after { content: attr(data-foo); background-color: black; } HTML foo Я обнаружил, что «\ a» – это новая строка в CSS, но все же не работает для меня.

после псевдоэлемента, не появляющегося в коде

Я пытаюсь использовать псевдоэлемент после добавления некоторых эффектов на сайт. …. … Read More …. И таблицы стилей: .product-show .readMore.less { max-height: 200px; height: 100%; overflow: hidden; } .product-show .readMore.less:after { background: rgba(255, 255, 255, 0); display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: https://stackoverflow.com/questions/29572730/after-pseudo-element-not-appearing-in-code/30px; } Я вижу, что стиль для .product-show […]

Свойство CSS-содержимого: возможно ли вставить HTML вместо текста?

Просто интересно, возможно ли каким-либо образом заставить свойство content CSS вставлять html-код вместо строки :before или :after элемента, такого как: .header:before{ content: ‘Back’; } тем .header:before{ content: ‘Back’; } это было бы очень удобно … Это можно сделать с помощью Javascript, но с помощью css для этого было бы проще сделать жизнь проще 🙂

Добавление объектов HTML с использованием содержимого CSS

Как вы используете свойство content CSS для добавления html-объектов? Используя что-то подобное, просто печатает   на экран вместо неразрывного пространства: .breadcrumbs a:before { content: ‘ ‘; }

Могу ли я использовать: перед или: после псевдоэлемента в поле ввода?

Я пытаюсь использовать псевдоэлемент :after CSS в поле input , но он не работает. Если я использую его с span , он работает нормально. .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} Это работает (ставит смайлик после «buu!» И до «еще немного») buuu!a some more Это не работает – это только цвет someValue в красном цвете, но смайлик отсутствует. […]