Вопросы с тегом «css-selectors»

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

176 css  css-selectors  pseudo-element 

Это должно быть просто, но у меня возникли проблемы с поиском поисковых запросов. Допустим, у меня есть это: <div class="a c">Foo</div> <div class="b c">Bar</div> В CSS, как я могу создать селектор, который соответствует чему-то, что соответствует "(.a или .b) и .c"? Я знаю, что мог сделать это: .a.c,.b.c { /* …

176 html  css  css-selectors 

Я хочу применить правило CSS к любому элементу, один из классов которого соответствует указанному префиксу. Например, я хочу правило, которое будет применяться к div, класс которого начинается с status-(A и C, но не B в следующем фрагменте): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class status-low-priority …

175 css  css-selectors 

Что я хотел бы сделать (не в IE, очевидно): p:not(.list):last-child + :text { margin-bottom: 10px; } Который дал бы текстовый узел поля. (Это вообще возможно?) Как бы получить текстовый узел с помощью CSS?

173 css  css-selectors 

У меня есть несколько ссылок, по которым я хочу выбрать класс и идентификатор одновременно. Это потому, что у меня есть 2 разных поведения. Когда класс ссылок получает одно имя класса, они ведут себя одинаково, когда одни и те же классы ссылок получают другое имя класса, они ведут себя по-разному. Имена …

170 jquery  dom  jquery-selectors  css-selectors 

Как вы можете выбрать первый и последний TDподряд? tr > td[0], tr > td[-1] { /* styles */ }

170 css  css-selectors 

Сложный вопрос селектора CSS, не знаю, возможно ли это вообще. Допустим, это макет HTML: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Я хочу выбрать последний div, который отображается (т.е. нет display:none), который будет третьим divв данном примере. Имейте в виду, количество divs на реальной странице может отличаться (даже display:noneте).

162 html  css  css-selectors 

Я ищу css-селектор, который позволяет мне выбрать предпоследний дочерний элемент списка. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> Статический метод: ul li:nth-child(5) Динамический метод: ul li:last-child(-1) что, конечно, не проверяет, также nth-last-child не обеспечивает …

161 css  css-selectors 

Несколько раз я слышал, что самым сильным активом jQuery является то, как он запрашивает и манипулирует элементами в DOM: вы можете использовать CSS-запросы для создания сложных запросов, которые было бы очень сложно выполнить в обычном javascript. Однако, насколько мне известно, вы можете достичь того же результата с помощью document.querySelectorили document.querySelectorAll, …

161 javascript  jquery  html  css-selectors  jquery-selectors 

Я видел этот символ несколько раз в файлах CSS, но я не знаю, как его использовать. Может кто-нибудь объяснить мне и показать, как они полезны для облегчения стиля страницы?

159 css  css-selectors 

Как изменить стиль дочернего элемента при наведении указателя мыши на родительский элемент. Я бы предпочел CSS решение для этого, если это возможно. Есть ли какое-либо решение, возможно, через: наведите CSS селекторы. На самом деле мне нужно изменить цвет панели параметров внутри панели, когда на панели есть наведение. Нужна поддержка всех …

155 css  css-selectors 

Я хочу настроить таргетинг на все теги h на странице. Я знаю, ты можешь сделать это таким образом ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } но есть ли более эффективный способ сделать это с помощью расширенных селекторов CSS? например что-то вроде: [att^=h] { font: 32px/42px …

155 css  css-selectors 

Как применить стиль к пустому полю ввода? Если пользователь вводит что-то в поле ввода, стиль больше не применяется. Возможно ли это в CSS? Я пробовал это: input[value=""]

151 css  input  css-selectors 

В настоящее время я использую readonly = "readonly", чтобы отключить поля. Я сейчас пытаюсь стилизовать атрибут с помощью CSS. Я пытался использовать input[readonly] { /*styling info here*/ } но это не работает по какой-то причине. Я также пытался input[readonly='readonly'] { /*styling info here*/ } это тоже не работает. Как я …

150 html  css  css-selectors 

Я делаю 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