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

Селекторы - это шаблоны, которые соответствуют элементам в дереве документа. В правиле CSS они используются для определения стилей элементов, которые соответствуют шаблону.

10
Выбор пустого ввода текста с помощью jQuery
Как определить пустые текстовые поля с помощью jQuery? Я бы хотел сделать это с помощью селекторов, если это вообще возможно. Кроме того, я должен выбрать идентификатор, так как в реальном коде, где я хочу его использовать, я не хочу выбирать все текстовые поля. В следующих двух примерах кода первый точно …
6
Почему document.querySelectorAll возвращает StaticNodeList, а не реальный массив?
Меня беспокоит то, что я не могу просто сделать это document.querySelectorAll(...).map(...)даже в Firefox 3.6, и я все еще не могу найти ответ, поэтому я подумал, что я отправлю кросс-пост на SO вопрос из этого блога: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Кто-нибудь знает техническую причину, по которой вы не получаете массив? Или почему StaticNodeList не …
10
querySelector ищет непосредственных потомков
У меня есть функция, похожая на jquery: function(elem) { return $('> someselector', elem); }; Вопрос в том, как я могу сделать то же самое с querySelector()? Проблема в том, что >селектор querySelector()требует явного указания родителя. Есть ли обходной путь?
2
Как применить стиль ко всем дочерним элементам элемента
У меня есть элемент с class='myTestClass'. Как применить стиль CSS ко всем дочерним элементам этого элемента? Я хочу применить стиль только к дочерним элементам. Не его внуки. Я мог бы использовать .myTestClass > div { margin: 0 20px; } которые работают для всех divдетей, но я хотел бы решение, которое …
102 css  css-selectors 
2
Селекторы типа ввода CSS - можно ли использовать синтаксис «или» или «нет»?
Если они существуют в программировании), Если у меня есть HTML-форма со следующими входами: <input type="text" /> <input type="password" /> <input type="checkbox" /> Я хочу , чтобы применить стиль ко всем входам, которые либо type="text"или type="password". В качестве альтернативы я бы согласился на все входные данные, где type != "checkbox". Похоже, …
101 html  css  css-selectors 
5
Sass объединяет родительский элемент с помощью амперсанда (&) с селекторами типов
У меня проблемы с вложением в Sass. Скажем, у меня есть следующий HTML-код: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Когда я пытаюсь вложить свои стили в следующее, я получаю ошибку компиляции: .item { color: black; a& { color:blue; } } Как мне сослаться на селектор типа перед …
2
Селектор атрибутов 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; text-decoration: none; } a[href='.pdf'] { background: …
6
: first-child не работает должным образом
Я пытаюсь выбрать первый h1внутри divкласса с именем detail_container. Он работает, если h1это первый элемент внутри этого div, но если он идет после этого, ulон не будет работать. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second H1</h1> </div> </body> …
5
Что делает звездочка (*) в селекторе CSS?
Я нашел этот код CSS, запустил его, чтобы посмотреть, что он делает, и выделил КАЖДЫЙ элемент на странице, Может кто-нибудь объяснить, что Asterisk * делает в CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted …
5
Использование querySelector с идентификаторами, которые являются числами
Насколько я понимаю, спецификация HTML5 позволяет использовать идентификаторы, которые являются числами, подобными этому. <div id="1"></div> <div id="2"></div> Я могу получить доступ к ним с помощью, getElementByIdно не с помощью querySelector. Если я попытаюсь сделать следующее, я получу SyntaxError: DOM Exception 12 в консоли. document.querySelector("#1") Мне просто любопытно, почему использование чисел …
9
Что означают запятые и пробелы в нескольких классах в CSS?
Вот пример, который я не понимаю: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Мне кажется, что width: 460pxэто относится ко всем вышеперечисленным классам. Но почему некоторые классы разделяются запятой ( ,), а некоторые просто пробелом? Я предполагаю, что width: 460pxэто будет применяться только к тем элементам, которые объединяют классы …
5
Что делает селектор * * CSS?
Недавно наткнулся * *на CSS . Ссылка на сайт - Ссылка на сайт . Для однократного *использования в таблице стилей CSS Интернет и переполнение стека наводнены примерами, но я не уверен, что использовать два * *символа в CSS. Я погуглил, но не смог найти никакой соответствующей информации об этом, так …
4
Какой селектор CSS можно использовать для выбора первого div в другом div
У меня что-то вроде: <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> Что такое селектор css для второго div (1-го div в div "content"), чтобы я мог установить цвет шрифта даты в этом div?
2
Селектор CSS с точкой в ​​идентификаторе
Спецификация HTML допускает использование точек (.) В идентификаторе: <img id="some.id" /> Однако использование правила селектора идентификатора CSS не будет соответствовать правильно: #some.id { color: #f00; } В спецификации CSS для селекторов идентификаторов этот случай не упоминается. Итак, я полагаю, он использует комбинацию имени тега и селектора класса ? Например, правило …
3
Как создать правило css для всех элементов, кроме одного класса?
Я создал таблицу стилей CSS для своего проекта. Есть ли способ создать правило css, которое применяется ко всем элементам таблицы, ЗА ИСКЛЮЧЕНИЕМ элементов таблицы, принадлежащих классу dojoxGrid? Что-то типа: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.