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

112
Селектор Immediate Child в LESS

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

111
Позиция прицеливания: липкие элементы, которые в данный момент находятся в «застрявшем» состоянии.

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

108
CSS3: непроверенный псевдокласс

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

108
Должен ли я использовать одинарное или двойное двоеточие для псевдоэлементов?

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

106
Селектор CSS для всех, кроме первого и последнего дочерних элементов

Я делаю очень продвинутый сайт. Мой вопрос: можно ли выбрать всех остальных детей, кроме :first-childи :last-child? Я знаю, что есть :not()селектор, но он не работает с несколькими, не указанными в скобках. Вот что у меня есть: #navigation ul li:not(:first-child, :last-child) { background:...

105
Селектор CSS для <input type = «?»

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

103
Выбор пустого ввода текста с помощью jQuery

Как определить пустые текстовые поля с помощью jQuery? Я бы хотел сделать это с помощью селекторов, если это вообще возможно. Кроме того, я должен выбрать идентификатор, так как в реальном коде, где я хочу его использовать, я не хочу выбирать все текстовые поля. В следующих двух примерах кода...

103
Почему document.querySelectorAll возвращает StaticNodeList, а не реальный массив?

Меня беспокоит то, что я не могу просто сделать это document.querySelectorAll(...).map(...)даже в Firefox 3.6, и я все еще не могу найти ответ, поэтому я подумал, что я отправлю кросс-пост на SO вопрос из этого блога: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/...

102
querySelector ищет непосредственных потомков

У меня есть функция, похожая на jquery: function(elem) { return $('> someselector', elem); }; Вопрос в том, как я могу сделать то же самое с querySelector()? Проблема в том, что >селектор querySelector()требует явного указания родителя. Есть ли обходной путь?...

102
Как применить стиль ко всем дочерним элементам элемента

У меня есть элемент с class='myTestClass'. Как применить стиль CSS ко всем дочерним элементам этого элемента? Я хочу применить стиль только к дочерним элементам. Не его внуки. Я мог бы использовать .myTestClass > div { margin: 0 20px; } которые работают для всех divдетей, но я хотел бы решение,...

101
Селекторы типа ввода CSS - можно ли использовать синтаксис «или» или «нет»?

Если они существуют в программировании), Если у меня есть HTML-форма со следующими входами: <input type="text" /> <input type="password" /> <input type="checkbox" /> Я хочу , чтобы применить стиль ко всем входам, которые либо type="text"или type="password". В качестве...

101
Sass объединяет родительский элемент с помощью амперсанда (&) с селекторами типов

У меня проблемы с вложением в Sass. Скажем, у меня есть следующий HTML-код: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Когда я пытаюсь вложить свои стили в следующее, я получаю ошибку компиляции: .item {...

99
: first-child не работает должным образом

Я пытаюсь выбрать первый h1внутри divкласса с именем detail_container. Он работает, если h1это первый элемент внутри этого div, но если он идет после этого, ulон не будет работать. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head>...

99
Селектор атрибутов CSS не работает с href

Мне нужно использовать селектор атрибутов в css, чтобы изменить ссылку на другой цвет и изображение, но это не работает. У меня есть этот html: <a href="/manual.pdf">A PDF File</a> И этот css: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma;...

98
Что делает звездочка (*) в селекторе CSS?

Я нашел этот код CSS, запустил его, чтобы посмотреть, что он делает, и выделил КАЖДЫЙ элемент на странице, Может кто-нибудь объяснить, что Asterisk * делает в CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } * * * * { outline:...

98
Что означают запятые и пробелы в нескольких классах в CSS?

Вот пример, который я не понимаю: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Мне кажется, что width: 460pxэто относится ко всем вышеперечисленным классам. Но почему некоторые классы разделяются запятой ( ,), а некоторые просто пробелом? Я предполагаю, что width: 460pxэто будет...