Вопросы с тегом «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 

Я пытаюсь применить background-color, когда пользовательская мышь наводит курсор на элемент с именем класса "reMode_hover". Но я не хочу менять цвет, если элемент также имеет"reMode_selected" Примечание: я могу использовать только CSS, а не javascript, потому что я работаю в какой-то ограниченной среде. Чтобы прояснить, моя цель - закрасить первый элемент …

137 html  css  css-selectors 

Есть ли способ применить стиль класса только к ОДНОМУ уровню тэгов? <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 

Я уже знаю о: last-child. Но есть ли способ выбрать 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 на русском : Как прописать: парить внутри стиль =»«? Можно ли использовать псевдоклассы с использованием встроенных стилей? Пример: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Я знаю, что приведенный выше HTML не будет работать, но есть ли что-то подобное, что будет? PS Я знаю, что мне …

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

Используя стандартный список, я пытаюсь выбрать последние 2 пункта списка. У меня разные перестановки, 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 

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

127 jquery  css-selectors 

Я только что открыл для себя Sass и был так взволнован. На своем веб-сайте я реализовал древовидное меню навигации, оформленное с помощью дочернего комбинатора ( E > F). Есть ли способ переписать этот код с помощью более простого (или лучшего) синтаксиса в Sass? #foo > ul > li > ul …

126 css  css-selectors  sass 

Исследуя специфичность, я наткнулся на этот блог - http://www.htmldog.com/guides/cssadvanced/specificity/ В нем говорится, что специфичность - это система баллов для CSS. Он сообщает нам, что элементы приносят 1 балл, классы приносят 10 баллов, а идентификаторы приносят 100 баллов. Сверху также говорится, что эти баллы суммированы, и общая сумма зависит от специфики …

125 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 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 

Есть ли способ выбрать каждого n-го дочернего элемента, который соответствует (или не соответствует) произвольному селектору ? Например, я хочу выбрать каждую нечетную строку таблицы, но в пределах подмножества строк: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> <td>Row <tr class="row"> <td>Row <tr …

117 css  css-selectors