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

Я хочу застосувати деякий css для елементів вводу, і я хочу це зробити лише для входів, які не вимкнені і не надсилають тип, нижче css не працює, можливо, якщо хтось може мені пояснити, як це потрібно додати. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

138 css  css-selectors  pseudo-class 

Я намагаюся застосувати фоновий колір, коли миша користувача наводить елемент, ім'я якого класу "reMode_hover". Але я не хочу змінювати колір, якщо елемент також є"reMode_selected" Примітка. Я можу використовувати лише CSS не javascript, оскільки я працюю в якомусь обмеженому середовищі. Для уточнення, моя мета - забарвити перший елемент на наведення курсору, …

137 html  css  css-selectors 

Чи є спосіб застосувати стиль класу лише до одного рівня тегів td? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

Я вже знаю про: останню дитину. Але чи є спосіб вибрати div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> ПРИМІТКА: без jQuery, лише з CSS

135 html  css  css-selectors 

Чи є якась функціональна різниця між CSS 2.1 :afterта псевдоселекторами CSS 3 ::after(крім того, що їх ::afterне підтримують у старих браузерах)? Чи є якісь практичні причини використовувати новішу специфікацію?

134 css  css-selectors  pseudo-element  pseudo-class 

На цей питання є відповіді на Stack Overflow на російському : Як записати: навести вказівник style = ''? Чи можливо мати псевдокласи, використовуючи стилі вбудованого? Приклад: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Я знаю, що вищевказаний HTML не працюватиме, але чи є щось подібне? PS Я знаю, що я повинен використовувати зовнішній аркуш …

131 html  css  css-selectors  pseudo-class  inline-styles 

Використовуючи стандартний список, я намагаюся вибрати два останні списки. У мене різні перестановки, An+Bале останні 2, здається, не вибирають останні: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ Мені …

130 css  css-selectors 

У чому сенс використання цього синтаксису div.card > div.name Яка різниця між цим div.card div.name

127 css  css-selectors 

Я щойно виявив Сасса, і мене так схвилював. На своєму веб-сайті я реалізую деревоподібне навігаційне меню, створене за допомогою дочірнього комбінатора ( E > F). Чи є спосіб переписати цей код більш простим (або кращим) синтаксисом у Sass? #foo > ul > li > ul > li > a { …

126 css  css-selectors  sass 

Я використовую селектори jQuery, особливо селектор id: $("#elementId")... Як слід визначити, знайшов елемент jQuery чи ні? Навіть якщо елемента із вказаним ідентифікатором не існує, наступне твердження дайте мені:[object Object] alert($("#idThatDoesnotexist"));

126 jquery  css-selectors 

Досліджуючи специфіку, я натрапив на цей блог - http://www.htmldog.com/guides/cssadvanced/specificity/ У ньому зазначається, що специфіка є системою бальних оцінок для CSS. Це говорить нам, що елементи вартують 1 бал, класи - 10 балів, а ідентифікатори - 100 балів. Крім того, слід сказати, що ці бали підсумовані, і загальна сума - це …

124 css  css-selectors  css-specificity 

Я намагаюся використовувати document.querySelectorAllдля всіх прапорців, у яких встановлений valueатрибут. На сторінці є інші прапорці, які не valueвстановлені, і значення для кожного прапорця різне. Ідентифікатори та назви, однак, не унікальні. Приклад: <input type="checkbox" id="c2" name="c2" value="DE039230952"/> Як встановити лише ті прапорці, у яких встановлені значення?

124 javascript  css-selectors  selectors-api 

Я не можу сказати різницю між element:first-childтаelement:first-of-type Наприклад, скажіть, у вас був дів div:first-child → Усі <div>елементи, які є першою дитиною свого батька. div:first-of-type → Усі <div>елементи, які є першим <div>елементом їхнього батьківського. Це здається точно такою ж справою, але вони працюють по-різному. Може хтось пояснить, будь ласка?

124 css  css-selectors 

Я вмію це робити: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Тобто я можу успішно отримати всіх прямих дітей myDivелемента, які мають клас .foo. Проблема полягає в тому, що мене турбує те, що я повинен включати #myDivв селектор, тому що я виконую запит на myDivелементі (тому …

119 javascript  dom  css-selectors 

Чи є щось подібне! = (Не рівне) у CSS? наприклад, у мене є такий код: input { ... ... } але для деяких входів мені це потрібно анулювати. Я хотів би зробити це, додавши клас "скидання" до вхідного тегу, наприклад <input class="reset" ... /> а потім просто пропустити цей тег …

116 html  css  css-selectors