Запитання з тегом «css-selectors»

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

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' …

175 css  css-selectors 

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

173 css  css-selectors 

У мене є кілька посилань, які я хочу одночасно вибрати клас і id. Це тому, що у мене є 2 різні форми поведінки. Коли клас посилань отримав одне ім'я класу, вони поводяться по-одному, коли одні й ті ж класи посилань отримали іншу назву класу, вони поводяться по-різному. Імена класів перемикаються …

170 jquery  dom  jquery-selectors  css-selectors 

Як можна вибрати перше та останнє TDпідряд? tr > td[0], tr > td[-1] { /* styles */ }

170 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 

Складне запитання щодо вибору 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які є).

161 html  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 

Наразі я використовую readonly = "readonly" для відключення полів. Зараз я намагаюся стилізувати атрибут за допомогою CSS. Я спробував використовувати input[readonly] { /*styling info here*/ } але це чомусь не працює. Я також пробував input[readonly='readonly'] { /*styling info here*/ } це теж не працює. Як я можу стилізувати атрибут readonly …

150 html  css  css-selectors 

Як застосувати стиль до порожнього поля введення? Якщо користувач щось вводить у полі введення, стиль більше не повинен застосовуватися. Чи можливо це в CSS? Я спробував це: input[value=""]

141 css  input  css-selectors 

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

141 html  css  css-selectors  pseudo-element  inline-styles