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

138
Псевдоклассы CSS input: not (отключено) not: [type = «submit»]: focus

Я хочу применить некоторые css для элементов ввода, и я хочу сделать это только для входов, которые не отключены и не являются типом отправки, ниже css не работает, возможно, если кто-нибудь объяснит мне, как это нужно добавить. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0...

137
Как исключить конкретное имя класса в селекторе CSS?

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

134
: после vs. :: после

Есть ли какая-либо функциональная разница между псевдоселекторами CSS 2.1 :afterи CSS 3 ::after(кроме того, что они ::afterне поддерживаются в старых браузерах)? Есть ли практическая причина использовать новую...

131
CSS Псевдоклассы со встроенными стилями

На этот вопрос есть ответы на Stack Overflow на русском : Как прописать: парить внутри стиль =»«? Можно ли использовать псевдоклассы с использованием встроенных стилей? Пример: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Я знаю, что приведенный выше...

130
Можно ли выбрать последние n элементов с помощью nth-child?

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

126
Sass и комбинированный дочерний селектор

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

125
Как рассчитываются баллы за специфичность CSS

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

124
В чем разница между: first-child и: first-of-type?

Я не могу отличить element:first-childиelement:first-of-type Например, у вас есть div div:first-child → Все <div>элементы, которые являются первыми дочерними элементами своего родителя. div:first-of-type → Все <div>элементы, которые являются первым <div>элементом своего родителя....

124
Как использовать querySelectorAll только для элементов, для которых установлен определенный атрибут?

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

119
Использование querySelectorAll для получения прямых потомков

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

117
Могу ли я комбинировать: nth-child () или: nth-of-type () с произвольным селектором?

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

116
Есть ли селектор CSS not equals?

Есть ли что-то вроде! = (Не равно) в CSS? например, у меня есть следующий код: input { ... ... } но для некоторых входов мне нужно это аннулировать. Я хотел бы сделать это, добавив класс «сброс» во входной тег, например <input class="reset" ... /> а затем просто пропустите этот тег из CSS....

116
Могу ли я иметь несколько псевдоэлементов: before для одного и того же элемента?

Возможно ли иметь несколько :beforeпсевдонимов для одного и того же элемента? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Я пытаюсь применить указанные выше стили к одному и тому же элементу с помощью jQuery, но применяется...

114
Выбрать первый встречающийся элемент после другого элемента

У меня на странице есть следующий HTML-код: <h4>Some text</h4> <p> Some more text! </p> В моем .cssя получил следующий селектор для стилизации h4элемента. Приведенный выше HTML-код - это лишь небольшая часть всего кода; есть еще несколько divэлементов, относящихся к теневому...

114
CSS «и» и «или»

У меня довольно большая проблема, потому что мне нужно анатематизировать стили некоторых типов ввода. У меня было что-то вроде: .registration_form_right input:not([type="radio") { //Nah. } Но я тоже не хочу стилизовать флажки. Я пробовал: .registration_form_right input:not([type="radio" &&...