pseudo-element - список вопросов по программированию pseudo-element

ответов

Как получить значение стиля преобразования псевдоэлемента с помощью Javascript?

Ситуация: div.xy: hover {transform: all rotate (360deg); -moz-transform: повернуть (360 градусов); -webkit-transform: повернуть (360 градусов); -о-преобразование: повернуть (360 градусов); } Вопрос: Мне нужно получить ...

вопрос задан: 21 February 2012 04:28

ответов

Как я могу использовать псевдоэлемент CSS: before {content: ''} для воздействия на элемент

Если у меня есть список опций, как я могу использовать псевдоэлемент CSS: before {content: ''}, чтобы повлиять на

html css pseudo-element

вопрос задан: 8 February 2012 17:49

ответов

Проблема с отображением стрелки CSS в Firefox

Контекст Я сделал всплывающую подсказку на чистом CSS с псевдоэлементом: до и: после для стрелки. Рендеринг отличается от Chrome 16 до Firefox 9 и 10. Вы видите, что не так? Снимок экрана Chrome ...

html css firefox pseudo-element

вопрос задан: 1 February 2012 10:39

ответов

Можно ли изменить высоту изображения в псевдоэлементах CSS :before/:after?

Предположим, я хочу украсить ссылки на определенные типы файлов с помощью изображения. Я могу объявить свои ссылки как Файл!, а затем использовать CSS типа .pdflink:after { ...

css pseudo-element

вопрос задан: 23 January 2012 10:09

ответов

Почему псевдо-выбор CSS3 не меняет цвет для всех частей?

Почему псевдо-CSS3 не меняет цвет? выбор элемента не меняет все части выделения? Как вы можете видеть на этом снимке экрана, я выделил часть страницы, и части выделения являются яркими по умолчанию ...

css css3 pseudo-element textselection

вопрос задан: 15 January 2012 06:01

ответов

Список html-элементов, поддерживающих псевдоэлементы CSS: before и: after

Я знаю, что псевдоэлементы: before и: after не поддерживаются в пустых элементах, но как насчет этих:

<button> Было бы неплохо получить список! ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/html" class="tag"  title="html" rel="tag">html</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="23 December 2011 23:54 ">23 December 2011 23:54 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/536395/chto-takoe-psevdoelement" title=" Что такое псевдоэлемент? "> Что такое псевдоэлемент? </a></h2>
                        <div class="description"> Я разбираю этот очень красивый пример того, как CSS может помочь вам создать красивые эффекты свечения на изображениях. http://jsfiddle.net/necolas/KbNq7/ В этой конкретной строке из примера упоминается: Хотя ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/html" class="tag"  title="html" rel="tag">html</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="11 December 2011 18:02 ">11 December 2011 18:02 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/541590/primenenie-perehodov-webkit-k-psevdoelementam" title=" Применение переходов WebKit к псевдоэлементам "> Применение переходов WebKit к псевдоэлементам </a></h2>
                        <div class="description"> Я сделал Fiddle для справки: http://jsfiddle.net/xypQY/ К какому элементу я применил бы переходы WebKit для достижения Fade Фактически с использованием непрозрачности? </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/css3" class="tag"  title="css3" rel="tag">css3</a> <a href="/questions/tagged/webkit" class="tag"  title="webkit" rel="tag">webkit</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="10 December 2011 16:13 ">10 December 2011 16:13 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/559877/dobavit-onclick-s-pomoschju-css-psevdoelementa-after" title="Добавить onclick с помощью css псевдоэлемента after">Добавить onclick с помощью css псевдоэлемента after</a></h2>
                        <div class="description">Возможно ли в моем css файле сделать что-то подобное: .myclass:after{ content: "click me"; onclick: "my_function()"; } Я хочу добавить после всех экземпляров myclass кликабельный текст, в ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/javascript" class="tag"  title="javascript" rel="tag">javascript</a> <a href="/questions/tagged/html" class="tag"  title="html" rel="tag">html</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="28 November 2011 20:02 ">28 November 2011 20:02 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/549774/v-chem-raznica-mezhdu-psevdoklassom-i-psevdoelementom-v-css" title=" В чем разница между псевдоклассом и псевдоэлементом в CSS? "> В чем разница между псевдоклассом и псевдоэлементом в CSS? </a></h2>
                        <div class="description"> Такие вещи, как: link или div :: after ... Информация о различиях кажется скудной. </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/css-selectors" class="tag"  title="css-selectors" rel="tag">css-selectors</a> <a href="/questions/tagged/pseudo-class" class="tag"  title="pseudo-class" rel="tag">pseudo-class</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="10 November 2011 03:43 ">10 November 2011 03:43 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/344557/mozhno-sdelat-posle-pered-kontaktnym-elementam-psevdoelementa-kak-chast-ssylki" title=" Можно сделать: после  / Перед контактным элементам псевдоэлемента как часть ссылки? "> Можно сделать: после  / Перед контактным элементам псевдоэлемента как часть ссылки? </a></h2>
                        <div class="description"> Pseudo-элементы A: После A: Перед разрешением вас добавить текст, который, кажется, является частью ссылки.  Тем не менее, я не могу понять способ сделать эту часть, чтобы сделать эту часть кликабельна как часть ссылки.  Например ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/html" class="tag"  title="html" rel="tag">html</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/google-chrome" class="tag"  title="google-chrome" rel="tag">google-chrome</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="8 November 2011 06:02 ">8 November 2011 06:02 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/515081/javascript-poisk-psevdoelementov" title=" Javascript поиск псевдоэлементов "> Javascript поиск псевдоэлементов </a></h2>
                        <div class="description"> Итак, я работал над механизмом выбора CSS и хочу поддерживать псевдоэлементы (:: before, :: after, :: selection, :: first-line , так далее). Я заметил, что Slick, Sizzle и некоторые другие популярные движки кажутся ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/javascript" class="tag"  title="javascript" rel="tag">javascript</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/css-selectors" class="tag"  title="css-selectors" rel="tag">css-selectors</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a> <a href="/questions/tagged/sizzle" class="tag"  title="sizzle" rel="tag">sizzle</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="8 November 2011 05:52 ">8 November 2011 05:52 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/452360/dobavit-otstup-k-psevdoelementu-before-v-css" title=" Добавить отступ к псевдоэлементу: before в css "> Добавить отступ к псевдоэлементу: before в css </a></h2>
                        <div class="description"> Любой, кто знает, как добавить отступ между: перед псевдоэлементом и где на самом деле начинается контент? <ul> <li> <strong> Имя Фамилия </strong> </li> <li> + ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="8 November 2011 05:46 ">8 November 2011 05:46 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/414165/mozhet-li-javascript-vybrat-obekt-ne-otobrazhaemyj-v-dom" title=" Может ли javascript выбрать объект, не отображаемый в DOM? "> Может ли javascript выбрать объект, не отображаемый в DOM? </a></h2>
                        <div class="description"> Это действительно быстрый вопрос :) Просто интересно, возможно ли для javascript выбрать объекты, которые не являются t часть DOM ... как выбор: после или: до содержимого, созданного с помощью CSS? ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/javascript" class="tag"  title="javascript" rel="tag">javascript</a> <a href="/questions/tagged/html" class="tag"  title="html" rel="tag">html</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/dom" class="tag"  title="dom" rel="tag">dom</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="8 November 2011 05:45 ">8 November 2011 05:45 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/545495/izmenite-stil-css-dlja-psevdoelementa-posle-soderzhimogo-s-pomoschju-jquery" title=" Измените стиль css для псевдоэлемента: после содержимого с помощью JQuery "> Измените стиль css для псевдоэлемента: после содержимого с помощью JQuery </a></h2>
                        <div class="description"> У меня есть форма шара, разработанная с помощью CSS3. 
Пример скрипта JS {{1 }} У него треугольник, сделанный с помощью: after {content: ""; 
} Мне нужно переместить треугольник влево-вправо, изменив параметр left css с помощью JQuery. Я ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/html" class="tag"  title="html" rel="tag">html</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="8 November 2011 01:21 ">8 November 2011 01:21 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/540200/z-index-s-psevdoelementom-before" title="Z-index с псевдоэлементом before">Z-index с псевдоэлементом before</a></h2>
                        <div class="description">Я создал элемент 'header' с элементом before-pseudo. Псевдоэлемент должен быть позади родительского элемента.
Все работает отлично до того момента, когда я задаю своему 'header' z-index. Что я хочу: ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/z-index" class="tag"  title="z-index" rel="tag">z-index</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="21 October 2011 16:26 ">21 October 2011 16:26 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/537915/simvol-avtorskih-prav-v-css-posle-psevdoelementa" title=" Символ авторских прав в CSS: после псевдоэлемента "> Символ авторских прав в CSS: после псевдоэлемента </a></h2>
                        <div class="description"> РЕШЕНО - используется \ 00a9 вместо © Довольно понятно: body: after {content: "© me"; / * другое форматирование * / 
} В HTML последовательность © вставляет авторское право ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/html" class="tag"  title="html" rel="tag">html</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="14 October 2011 17:19 ">14 October 2011 17:19 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/532877/pochemu-ne-rabotaet-text-indent-esli-v-ego-kontejnere-est-psevdoelement-before-after-fx-opera" title=" Почему не работает text-indent, если в его контейнере есть псевдоэлемент: before /: after? (FX / Opera) "> Почему не работает text-indent, если в его контейнере есть псевдоэлемент: before /: after? (FX / Opera) </a></h2>
                        <div class="description"> Сегодня наткнулся на эту причуду. http: // jsfiddle.net / UJAjD / 3 / Вы заметите, что в Firefox 7 и Opera в сером поле есть слово «Далее». CSS включает свойство text-indent, которое должно переместиться ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/firefox" class="tag"  title="firefox" rel="tag">firefox</a> <a href="/questions/tagged/opera" class="tag"  title="opera" rel="tag">opera</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a> <a href="/questions/tagged/text-indent" class="tag"  title="text-indent" rel="tag">text-indent</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="5 October 2011 17:14 ">5 October 2011 17:14 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/325436/css3-selection-po-raznomu-vedet-sebja-v-ff-i-chrome" title=" CSS3 :: selection по-разному ведет себя в FF и Chrome "> CSS3 :: selection по-разному ведет себя в FF и Chrome </a></h2>
                        <div class="description"> Я экспериментирую с псевдоэлементом :: selection в CSS3.  В Firefox это работает и отлично выглядит.  У моего сайта темно-синий фон.  Я установил выделение так, чтобы оно выглядело так в FF.  Но ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/css3" class="tag"  title="css3" rel="tag">css3</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="29 August 2011 19:00 ">29 August 2011 19:00 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/267822/css-posle-togo-kak-ja-ne-dobavljal-kontent-k-opredelennym-elementam" title=" CSS: после того, как я не добавлял контент к определенным элементам "> CSS: после того, как я не добавлял контент к определенным элементам </a></h2>
                        <div class="description">, у меня возникли проблемы с пониманием поведения свойства CSS: after.  Согласно спецификации (здесь и здесь): Как указано в их названиях, псевдоэлементы: before и: after указывают местоположение ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="4 August 2011 22:05 ">4 August 2011 22:05 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/267529/ispolzovanie-before-css-psevdoelement-dlja-dobavlenija-izobrazhenija-v-modalnoe-okno" title=" Использование: before CSS псевдоэлемент для добавления изображения в модальное окно "> Использование: before CSS псевдоэлемент для добавления изображения в модальное окно </a></h2>
                        <div class="description"> У меня есть класс CSS Modal, который  абсолютно позиционируется, индексируется по z над своим родительским элементом и хорошо позиционируется с помощью JQuery.  Я хочу добавить изображение курсора (^) в верхнюю часть модального окна и смотрел на ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/modal-dialog" class="tag"  title="modal-dialog" rel="tag">modal-dialog</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="12 July 2011 17:46 ">12 July 2011 17:46 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/439350/pochemu-eto-posle-togo-kak-element-podvergaetsja-razryvam-stroki" title=" Почему это: после того, как элемент подвергается разрывам строки? "> Почему это: после того, как элемент подвергается разрывам строки? </a></h2>
                        <div class="description"> У меня есть простое меню с таким кодом: <ul id = "main-menu "class =" container "> <li> <a href="#"> О нас </a> </li> <li> <a href="#"> Главная страница </a> </ li & ..  . </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/webkit" class="tag"  title="webkit" rel="tag">webkit</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="12 July 2011 13:18 ">12 July 2011 13:18 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/272534/css-psevdoelementy-do-i-posle-nasledovanija-shiriny-vysoty-ot-ishodnogo-elementa" title=" CSS: Псевдоэлементы: до и: после наследования ширины / высоты от исходного элемента "> CSS: Псевдоэлементы: до и: после наследования ширины / высоты от исходного элемента </a></h2>
                        <div class="description"> Я использую псевдоэлементы css: до и: после, чтобы создать эффект отступа на некоторых  моих изображений на сайте.  Однако без указания ширины и высоты они не будут отображаться.  Это привело бы к ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="7 July 2011 20:18 ">7 July 2011 20:18 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/312374/sobytie-jquery-click-dlja-psevdoelementa-css-do-posle" title=" Событие jQuery .click () для псевдоэлемента CSS (: до /: после)? "> Событие jQuery .click () для псевдоэлемента CSS (: до /: после)? </a></h2>
                        <div class="description"> Я хочу запускать анимацию jQuery при нажатии на контент, который я вставляю с помощью псевдоэлементов CSS: before: и: after.  Однако я не знаю, как это сделать;  мое первое предположение, $ (# id: before) .... </div>
                        <div class="tags">
                           <a href="/questions/tagged/jquery" class="tag"  title="jquery" rel="tag">jquery</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/animation" class="tag"  title="animation" rel="tag">animation</a> <a href="/questions/tagged/click" class="tag"  title="click" rel="tag">click</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="1 July 2011 00:09 ">1 July 2011 00:09 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/423380/css-chtoby-razreshit-tolko-vydelenie-teksta-na-veb-stranice" title=" CSS, чтобы разрешить только выделение текста на веб-странице? "> CSS, чтобы разрешить только выделение текста на веб-странице? </a></h2>
                        <div class="description"> Есть ли упрощенный фрагмент CSS или Javascript, который позволит  мне только сделать выделение / выделение вещей на странице доступным только для текста?  Меня всегда раздражает, когда вы пытаетесь ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/javascript" class="tag"  title="javascript" rel="tag">javascript</a> <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/selection" class="tag"  title="selection" rel="tag">selection</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="22 June 2011 00:57 ">22 June 2011 00:57 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/281032/sass-first-child-not-working" title="sass :first-child not working">sass :first-child not working</a></h2>
                        <div class="description">I have not been using SASS for a very long time and wanted to know if there are some issues with pseudo-elements such as :first-child or :last-child ?</div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/sass" class="tag"  title="sass" rel="tag">sass</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="2 May 2011 10:19 ">2 May 2011 10:19 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/496696/nechetnoe-povedenie-s-css-first-child-before-v-chrome" title=" Нечетное поведение с CSS: first-child: before в Chrome "> Нечетное поведение с CSS: first-child: before в Chrome </a></h2>
                        <div class="description"> Я вижу что-то довольно странное в Chrome 10 w /: first-child: before. С этим HTML <ul> <li> Один </li> <li> Два </li> <li> Три </li>
</ul> & ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/google-chrome" class="tag"  title="google-chrome" rel="tag">google-chrome</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a> <a href="/questions/tagged/css-selectors" class="tag"  title="css-selectors" rel="tag">css-selectors</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="28 April 2011 15:03 ">28 April 2011 15:03 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/397160/manipulirovanie-stiljami-css-psevdoelementov-v-firebug" title=" Манипулирование стилями CSS псевдоэлементов в Firebug "> Манипулирование стилями CSS псевдоэлементов в Firebug </a></h2>
                        <div class="description"> Возможно ли манипулировать CSS псевдоэлемента: до или: после использования Firebug? Я знаю, что это особые элементы, которые обрабатываются внутри браузерами, но Firebug имеет более низкий уровень доступа (я ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/firebug" class="tag"  title="firebug" rel="tag">firebug</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="28 March 2011 12:14 ">28 March 2011 12:14 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                                    <div class="item">
                     <div class="stats accepted">
                        <i class="fa fa-check"></i>
                        <div class="answers">
                           <span class="answer-count">0</span>
                           <div>ответов</div>
                        </div>
                     </div>
                     <div class="summary">
                        <h2 class="lead"><a href="/questions/479160/pochemu-mobile-safari-zapuskaetsja-aktivnoe-sostojanie-vo-vremja-prokrutki" title=" Почему Mobile Safari запускается: активное состояние во время прокрутки? "> Почему Mobile Safari запускается: активное состояние во время прокрутки? </a></h2>
                        <div class="description"> В настоящее время тестируется мобильный сайт на iOS (скоро будет доступен для других устройств, поэтому не уверен, относится ли это к другим ОС / браузерам). Почему мобильное сафари вызывает активное состояние ссылки во время прокрутки? My ... </div>
                        <div class="tags">
                           <a href="/questions/tagged/css" class="tag"  title="css" rel="tag">css</a> <a href="/questions/tagged/mobile-safari" class="tag"  title="mobile-safari" rel="tag">mobile-safari</a> <a href="/questions/tagged/pseudo-element" class="tag"  title="pseudo-element" rel="tag">pseudo-element</a>               
                        </div>
                        <div class="action-time">
                           вопрос задан: <span
                              title="28 December 2010 19:24 ">28 December 2010 19:24 </span>
                        </div>
                     </div>
                     <div class="clearfix"></div>
         
         
                  </div>
         
         
                     
            </div>
            <div class="main-footer">
               <div class="pagination">
                         <div class="pagination">
       <ul><li class="pagination__item"><a href="/questions/tagged/pseudo-element" class="pagination__link">1</a></li><li class="pagination__item"><a href="/questions/tagged/pseudo-element/page2" class="pagination__link">2</a></li><li class="pagination__item"><a href="/questions/tagged/pseudo-element/page3" class="pagination__link">3</a></li><li class="pagination__item"><a href="/questions/tagged/pseudo-element/page4" class="pagination__link pagination__link--active">4</a></li></ul>
       </div>               </div>
            </div>
            </div>

</div>
      <aside class="sidebar">
        <div class="awrap">

</div>
      </aside>

</div>
  </div>
  <footer class="footer">
    <div class="wrapper wrapper--sm">
      <div class="footer-navs-col">
        <div class="footer-nav footer-nav--menu">

<div class="footer-coryright">© 2017 - 2020 Вопросы и ответы по программированию</div>
        </div>
        <div class="footer-nav footer-nav--catalog">
        </div>
      </div>
      <div class="footer-contacts-col">
        <div class="soc-widget-col">
        </div>
      </div>
      <div class="clearfix"></div>
    </div>

</footer>

</div>

<script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; var z = null;m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(90030325, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/90030325" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123993370-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

gtag('config', 'UA-123993370-1');
</script>

</div>
<script type="application/ld+json">
  {
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Программирование - вопросы и ответы",
  "alternateName": "Программирование - вопросы и ответы",
  "url": "https://legkovopros.ru",
  "potentialAction": {
     "@type": "SearchAction",
     "target": "https://legkovopros.ru/search?search={search_term_string}",
     "query-input": "required name=search_term_string"
   }
}
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Программирование - вопросы и ответы",
  "url": "https://legkovopros.ru",
  "logo": "https://legkovopros.ru/i/logo.png",
  "email": "info@legkovopros.ru",
   "telephone": ""

}

</script>
</body>
</html>

Как получить значение стиля преобразования псевдоэлемента с помощью Javascript?

Как я могу использовать псевдоэлемент CSS: before {content: ''} для воздействия на элемент ?

Проблема с отображением стрелки CSS в Firefox

Можно ли изменить высоту изображения в псевдоэлементах CSS :before/:after?

Почему псевдо-выбор CSS3 не меняет цвет для всех частей?

Список html-элементов, поддерживающих псевдоэлементы CSS: before и: after

Как я могу использовать псевдоэлемент CSS: before {content: ''} для воздействия на элемент