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

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

116 html  css  css-selectors 

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

116 css  css-selectors  pseudo-element  css-content 

Есть ли селектор CSS для выбора этого элемента по значению встроенного атрибута стиля? <div style='display:block'>...</div> что-то вроде div[cssAttribute=cssValue]

114 html  css  css-selectors  inline-styles 

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

114 html  css  css-selectors 

Я заметил, что кнопки и другие элементы имеют стиль по умолчанию и ведут себя в 3 этапа: нормальный вид, вид наведения / фокуса и вид mousedown / щелчок, в CSS я могу изменить стиль обычного вида и вид наведения следующим образом: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } но …

114 html  css  css-selectors 

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

114 css  css-selectors  conditional-operator 

Есть ли способ, чтобы LESS применил непосредственный дочерний селектор (>) в своем выводе? В моем style.less я хочу написать что-то вроде: .panel { ... > .control { ... } } и пусть LESS сгенерирует что-то вроде: .panel > .control { ... }

112 css  css-selectors  less 

Я нашел следующий селектор CSS в таблице стилей пользовательского агента Google Chrome: [type="checkbox" i] Что iзначит?

112 css  css-selectors 

position: sticky теперь работает в некоторых мобильных браузерах, поэтому вы можете прокрутить строку меню вместе со страницей, но затем придерживаться верхней части области просмотра, когда пользователь прокручивает ее. Но что, если вы хотите немного изменить стиль липкой строки меню, когда она в данный момент «застревает»? например, вы можете захотеть, чтобы …

111 css  css-selectors  css-position 

Поскольку IE7 и IE8 не поддерживают нотацию с двойным двоеточием для псевдоэлементов (например, ::afterили ::first-letter), и поскольку современные браузеры поддерживают нотацию с одним двоеточием (например :after) для обратной совместимости, должен ли я использовать только нотацию с одним двоеточием и когда Доля рынка IE8 упала до незначительного уровня, вернуться и найти …

108 css  internet-explorer-8  css-selectors  internet-explorer-7  pseudo-element 

Я знаю, что существует официальный :checkedпсевдокласс CSS3 , но есть ли :uncheckedпсевдокласс и есть ли у них такая же поддержка браузером? Ссылка Sitepoint не упоминает ни одного, однако эта спецификация whatwg (что бы это ни было) делает. Я знаю , что тот же результат может быть достигнут , когда :checkedи …

108 css  css-selectors  pseudo-class 

Моя цель - применить CSS к последнему li, но он этого не делает. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент Как выбрать только последнего ребенка?

106 css  css-selectors 

Я делаю очень продвинутый сайт. Мой вопрос: можно ли выбрать всех остальных детей, кроме :first-childи :last-child? Я знаю, что есть :not()селектор, но он не работает с несколькими, не указанными в скобках. Вот что у меня есть: #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: contain; }

106 html  css  css-selectors 

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

105 css  internet-explorer  css-selectors 

В чем разница между этими двумя селекторами? .classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; }

105 css  css-selectors