Популярные вопросы по тегу CSS-SELECTORS
Сбрасываемый обратный отсчет
... if ((ski.interestOps() & SelectionKeyImpl.OP_CONNECT) != 0) { if (!ski.channel.socket().isConnectionless()) { IConnectionSocket cs = (IConnectionSocket)ski.channel.socket(); if (!ski.channel.socket().isAccepting() && !cs.isConnecting() && !cs.isConnected()) { notify |= ma ...
CSS: после кодирования символов в содержимом
... не могут быть закодированы таким 6 образом, поскольку вывод является буквальным 5 и показывает фактическую строку: a.up:after{content: " ↓";} a.down:after{content: " ↑";} ...
Изменить псевдо-выбор: после в javascript
... x; } Я хочу динамически изменять 5 атрибут высоты из JS. Я могу получить недвижимость, используя window.getComputedStyle(document.querySelector('.slidingTag'), 'li:after').getPropertyValue('height') Но 4 ...
Можно ли использовать переменные CSS в селекторах CSS3?
... t:100px; background-color:blue; display:inline-block; list-style:none; } ul li:nth-child(4) { background-color:red; } ul li:nth-child(-webkit-var(count)) { /* I can't get this working, is it even supported? I'm trying to target the 5th element with my var. */ background-color:black; } HTML <ul> <li></l ...
jQuery выбирает дочерний элемент по классу с неизвестным путем
... ь синтаксис для выбора 4 n-го дочернего элемента элемента по его 3 классу, однако я не знаю точного пути к 2 элементу. ...
: пустой селектор в теге tbody
... "incidents"> <thead> <tr> <th></th> </tr> </thead> <tbody> </tbody> </table> Используя jQuery, следующее 3 оценивается как false: $("#incidents ...
CSS для того же уровня
... бы хотел что-то вроде: <div id="1" ></div> <div></div> <div></div> И CSS: #1 :hover < body > div { //Here I ...
Есть ли селектор CSS, который применяется при сопоставлении определенных значений в URL-адресе?
... , возможно 10 ли это. Я использую CMS, и в ней есть тема, позволяющая 9 добавлять собственный CSS. Есть одна таблица 8 стилей. Вот и все. Не два, а один. И у меня 7 есть одна страница с определенным CSS для 6 этой страницы и только для этой страницы. Это 5 источник этого вопроса. Может быть тысяча 4 обходных путей, но мой вопрос не об обходных 3 решениях. Однако, поскольку на этот вопрос 2 был дан ответ, я не возражаю против обход ...
Nth Child для ul li a links
... gt; <li><a href="#">Three</a></li> </ul> Я бы хотел, чтобы 5 вторая ссылка (Две) имела другой стиль (color), чем 4 две другие (Одна и Три). Это то, что я пробовал, но 3 похо ...
Селектор SCSS / CSS для выбора всех типов ввода
... ь тип ввода с этой настройкой 4 scss (из фреймворка) textarea, input[type="text"], input[type="password"], input[type="datetime"], ... input[type="date"], input[type="month"], input[type="time"], input[type="week"], { @include box-shadow(inset 0 1px 1px rgba ...
Возможно ли иметь псевдоэлемент внутри псевдоэлемента?
... div { position: relative; width: 100px; height: 100px; background: #f00; } div::before { position: absolute; content: ''; width: 75px; height: 75px; background: #0f0; } div::before::before { position: absolute; content: ''; width: 50px; height: 50px; background: #00f; } Мой синта ...
CSS выбирает все дочерние элементы, кроме первых двух и последних двух
... жен быть более понятный 6 метод, который не требует 8 псевдоселекторов. :not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) { background: purple; } Да, это 5 ужасно. Он буквально выбирает все элементы, которые 4 не являются ни первым, ни вто ...
Что означает селектор CSS ">" (знак больше)?
... мер: div > p.some_class { /* S ...
Css target просто имя класса начинается со строки и заканчивается строкой
... ss="Nam-StdCss-Cls"></div> <div class="Nam-StdCss-Raduis-Cls"></div> <div class="Nam-StdCss-Border-Cls"></div> Также я хочу разрешить пользователям 6 использовать свои собственные CSS <div class="Nam-StdCss-Cls menu"></div> <div class="menu Nam-StdCss-Cls"></div> Я пытался 5 это сделать, но это не позволяет войти в 4 настраиваемый класс, например меню. [class^="Nam-"][class ...
jQuery-подобные селекторы для PHP DOMDocument
... аю с DOMDocument, и мне интересно, существует 11 ли способ использования CSS-подобных селекторов 10 для выбора узлов, как это было бы в jQuery. Пример 9 ситуации: я разбираю XML-файл, один фрагмент 8 которого выглядит следующим образом: <gesmes:Envelope> <gesmes:subject>Reference rates</gesmes:subject> <gesmes:Sender> <gesmes:name>European Central Bank</gesmes:name> </gesmes:Sender> ...
Имена классов Selenium Compound не разрешены
... пытаюсь 2 заставить selenium щелкнуть. Кнопка Close. <div class="nav"> <span class="action-btn confirm prompt-display">Confirm</span> <span class="action-btn cancel prompt-display">Cancel</span> <span class="action-btn cancel alert-display">Close</span& ...
Селектор CSS "(A или B) и C"?
... ого поисковые запросы. Допустим, у 6 меня есть это: <div class="a c">Foo</div> <div class="b c">Bar</div> Как в CSS создать селектор, соответс ...
Как исключить конкретное имя класса в селекторе CSS?
... >Design</span> </a> <a href="" title="Design" class="reMode_design reMode_hover reMode_selected"> <span>Design</span> </a> Я пробовал 2 ниже, надеясь, что первое определение подойдет, но 1 это не так. Что я делаю не так? CSS /* do not apply background-color so leave this empty */ .reMode_selected .reMode_hover:hover { } .reMode_hover:hover { ...
Селектор условного значения атрибута данных CSS?
... ;/div> Как выбрать элементы, значение которых превосходит 1000 (x> 1000)? Предпочтение: с 3 помощью селекторов CSS. Если такого нет, я 2 перепрошу ответ JQuery / JS. В конечном итоге 1 использовалось: v ...
Изменение CSS для последнего <li>
... ал использование :last-child, но это кажется действительно 4 ошибочным, и я не могу заставить его работать 3 для меня. При н ...
jQuery: выбрать класс и идентификатор элемента одновременно?
... . Когда класс 8 ссылок получил одно имя класса, они ведут 7 себя одним способом, когда один и тот же 6 класс ссылок получил другое имя класса, они 5 ведут себя по-разному. И ...
Почему document.querySelectorAll возвращает StaticNodeList, а не реальный массив?
... выполнить document.querySelectorAll(...).map(...) даже в Firefox 3.6, и я все еще 10 не могу найти ответ, поэтому я подумал, что 9 отправлю кросс-пост на SO вопрос из этого 8 блога: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Кто-нибудь знает техническую причину, по 7 которой вы не получаете массив? Или почем ...
jQuery выбирает и фильтрует элементы внутри div
... function() { alert("hi there"); }); Проблема 7 в том, что я получаю оповещения каждый раз, когда 6 нажимаю что-нибудь внутри div. Но мое требование 5 - предупреждать только тогда, когда пользователь 4 нажимает кнопку. Я знаю, что для фильтрации 3 элементов в jQuery используется :button Вот что 2 я пробовал: $("#wrapper").children(":button").click(function() { alert("hi there"); }); и $("#wrapper ...
CSS Последний нечетный ребенок?
... 1 | 2 + +--------------------------------------------+ + 3 | 4 + +--------------------- + +============================================+ Итак, я решил, что 5 могу использовать li:nth-last-child(), но не могу понять, каким 4 должно быть уравнение для захвата последнего 3 нечетного дочернего элемента. Это не 2n+1, 2n-1, n-1 или 2 что-нибудь, что я могу ...
Выбрать элемент на основе дочернего класса
... который 3 имеет подэлемент с заданным классом? Я хочу 2 применить стиль к списку <ul>, ...
Селекторы ввода массива имен Javascript (name [sometext])
... n"> <input name="person[last]" type="hidden"> // Seems to be acting on multiple hidden elements instead of this named one // This sets the value of both of those hidd ...
Можете ли вы настроить таргетинг с помощью CSS на идентификатор внутри идентификатора?
... рится, что у вас нет доступа к изменению 5 - только CSS через таблицу стилей. Можно 4 ли настроить таргетинг на идентификатор 3 внутри идентификатора так же, как на классы? #id1 #id2 {styles...} анал ...
Выберите метку по типу ввода
... исключить или выбрать метку 1 по типам вв ...
Как мне дать приоритет класса CSS над идентификатором?
... solid gray; } <div id = "idname" class="classname">it is a test</div> Я хочу дать больший 2 приоритет его классу CSS, а не его идентификатору 1 CSS. Является ...
Как мне указать jQuery запустить функцию только на одной конкретной веб-странице?
... гу использовать, чтобы 5 сообщить jQuery, что определенная функция 4 должна выполняться только на одной странице, а 3 не на всех других страницах сайта? Могу ли 2 я каким-то образом указать имя страницы 1 или URL- ...
:: селектор CSS со слотами для вложенных потомков в слот shadowDOM
... solid green 1px; padding: 3px; } </style> <slot></slot> `; } } customElements.define('my-element', MyElement); <my-element> <p> <span>Test</span> </p> </my-element> Обратите 5 внимание на то, что диапазон не достигает 4 границы. Это ожидаемое поведение? Мне не ...
Я могу выбрать #id> #id с помощью jQuery?
... <div id="slide_body"> some content </div> </div> <div id="slide2"> <div id="slide_body"> some content </div> </div> Есть ли способ выбрать 3 с помощью jquery только #slide_body внутри 2 # slide1? Или это единственное решение добавить 1 идентификатор к каждом ...
Понимание приоритета / специфики селектора CSS
... гим? div { background-color: red; } div.my_class { background-color: black; } div#my_id { background-color: blue; } body div { background-color: green; } body>div { ...
Создание шаблона шахматной доски с помощью CSS-селекторов
... 2green 3blue 4green 5blue 6green 7blue 8green Блоки div, на которые 12 я хочу настроить таргетинг, расположены 11 внутри цикла WordPress, поэтому у меня нет 10 особого контроля над разметкой (вот почему 9 я надеялся использовать CSS nth-child). К 8 сожалению, нет разметки, которая позволила 7 бы мне настроить таргетинг на каждую отдельную 6 «строку». Есть ли какой-нибудь шаблон nth-chi ...
Выбрать первый встречающийся элемент после другого элемента
... color : #614E43; margin-top : 5px; margin-left : 6px; } Итак, у меня есть правильный 4 стиль для моего элемента h4, но я также хочу 3 стилизовать тег p в моем HT ...
Скрыть элемент, но показать содержимое, созданное с помощью CSS
... // What do I do here to hide the content without hiding the :before content? } Я пробовал: использование display: none и установка display: inline на :before, но оба они по-прежнему скрыты using width: 0; overflow: hidden;, но затем кажется, что добавляется дополнительное пространство (?) using color: transp ...
Разница в применении CSS к html, телу и универсальному селектору *?
... ? html { color: black; background-color: white; } body { color: black; background-color: white; } * { color: ...
Как комбинировать псевдоэлементы с псевдоклассами?
... ать псевдоэлементы, такие 3 как :after, с псевдоклассами, такими как :hover и :not? li { margin-bottom: 10px; } li:after { content: ''; display: block; width: 0; height: 3px; background: #009688; transition: width .8s; } li:hover:after { width: 100%; } <ul> <li>first</li> <li&g ...
Как выбрать первую и последнюю ТД подряд?
... ервый и последний TD в строке? tr > ...
Как написать селектор CSS, выбирающий элементы, НЕ имеющие определенного атрибута?
... ссом) и 6 каждый из них, который имеет аналогичный 5 нисходящий <button>, но без атрибута style. XPath работает нормально 4 как: //div[@class and not (@style)]/button Я ищу эквивалентный CssSelector. Испытания: div[class :not(style)]>button (doesn't works). Я прошел 3 через следующее обсуждение, но они, похоже, отбрасывают 2 атрибут ...
Почему при использовании дочернего селектора не работает table> tr> td?
... tr > td td является потомком tr, который, в 5 свою очередь, является потомком table, но они 4 также являются дочерними элементами друг 3 друга. Поэтому я подумал, что селектор > тоже 2 подойдет. Я сделал две скрипки: Дочерний: http://jsfiddle.net/brLe ...
Исключение первого элемента в CSS
... сть ul с 4 li в нем: <div id="someid"> <ul> <li>1st</li> <li>2nd</li> <li>3rd</li> <li>4th</li> </ul> </ ...
Есть ли родительский селектор CSS?
... мента привязки? Например, мой 9 CSS будет примерно таким: li < a.active { property: value; } Очевидно, что есть 8 способы сделать это с помощью JavaScript, но 7 я надеюсь, что есть какое-то обходное решение, которое 6 существует в CSS уровня 2 Меню, которое я 5 пытаюсь стилизовать, извергается CMS, поэтому ...
CSS-селектор не является дочерним элементом типа элемента?
... работает, по 4 крайней мере, в Chrome, хотя он seems like it should Я тоже не 3 могу заставить его работать с консоли. Могу 2 ли я использовать для этого какие-либо другие 1 подходы, основанные только на css? ...
Как реализовать Читать дальше / Читать меньше на чистом CSS
... ght: 999em; opacity: 1; } input.read-more-state ~ label.read-more-trigger:before { content: 'Read more'; } input.read-more-state:checked ~ label.read-more-trigger:before { content: 'Read less'; } label.read-more-trigger { cursor: pointer; display: inline-block; } Вот мой HTML: <input class="read-more-state" id="read-more-controller" type="checkbox"> <div class=&quo ...
QuerySelector для веб-элементов внутри iframe
... получить 1 элемент "radiobutton1" внутри iframe "page-iframe". var elem1 = ".page-iframe"; console.log(elem1); var elem2 = ".radiobutton1"; console.log(elem2); document.querySelectorAll(elem1+elem2+""); document.querySelectorAll('.page-iframe').contentWindow.document.body.querySelectorAll('.radiobutton1') document.getElementById('.page-iframe').contentWindow.document.body.innerHTML; [].forEach.call( document.querySelectorAll('.page-iframe' ...
Первенец не работает
... ass="project work"> <p>abcdef</p> </div> <div class="project work"> <p>abcdef</p> </div> <div class="project work"> <p>abcdef</p> </div> <div class="project research" ...
Селектор CSS last-child: выберите последний элемент определенного класса, а не последний дочерний элемент внутри родительского?
... quot;commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Я хочу в ...
Поиск элемента по идентификатору
... 'id']")); browser.executeScript("return document.querySelector('#id');"); browser.executeScript("return document.getElementById('id');"); И с точки зрения производительности, что было 2 бы самым быстрым с ...
Как заставить CSS-селекторы работать в Инструментах разработчика для Chrome 17?
... соответствует селекторам 7 CSS. Бу. Я знаю, что могу использовать консоль 6 JS, но она действительно помогает мне видеть 5 совпадения в контексте DOM. Если кто-нибудь ...