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

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

8
Как вставить элемент как первый дочерний элемент?
Я хочу добавить div в качестве первого элемента, используя jquery при каждом нажатии кнопки <div id='parent-div'> <!--insert element as a first child here ...--> <div class='child-div'>some text</div> <div class='child-div'>some text</div> <div class='child-div'>some text</div> </div>

5
Как выбрать первый родительский DIV с помощью jQuery?
var classes = $(this).attr('class').split(' '); // this gets the current element classes var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes. Родитель в приведенной выше ситуации - анкор. Если бы я хотел получить первый родительский DIV для $ (this), как бы выглядел код? var classes = $(this).div:parent().attr('class').split(' '); …

11
: not (: empty) Селектор CSS не работает?
У меня чертовски много времени с этим конкретным селектором CSS, который не хочет работать, когда я добавляю :not(:empty)к нему. Кажется, он отлично работает с любой комбинацией других селекторов: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Если я удалю :not(:empty)деталь, она будет работать нормально. Даже если я изменю селектор на input:not(:empty)него, …


10
Выбор только элементов первого уровня в jquery
Как мне выбрать элементы ссылки только для родителя <ul>из такого списка? <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> Так что в css ul li a, но неul li ul li a Благодарность


3
Вопрос о селекторе CSS3 для всех, кроме первого выбора
Со следующей разметкой я хочу, чтобы селектор CSS выбирал все, кроме первого меню выбора в каждом блоке параметров, которых может быть много: <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div class="opt2"> <select title="Please choose Color"> <option …

3
Селектор CSS (id содержит часть текста)
У меня есть вопрос. У меня есть примерно такие элементы: <a> элемент с id = someGenerated Some: Same: 0: name <a> элемент с id = someGenerated Некоторые: То же: 0: фамилия <a> элемент с id = someGenerated Some: Same: 1: name <a> элемент с id = someGenerated Some: Same: 1: …

4
Разница между селекторами div + p (плюс) и div ~ p (тильда)
То, как это формулирует w3schools , звучит одинаково. Справочник W3Schools по CSS div + p Выбирает все <p>элементы, которые помещаются сразу после <div>элементов div ~ p Выбирает каждый <p>элемент, которому предшествует <div>элемент Если <p>элемент находится сразу после <div>элемента, разве это не означает, что <p>элементу предшествует <div>элемент? Во всяком случае, я …

3
Как настроить таргетинг на элементы с помощью атрибута, имеющего какое-либо значение в CSS?
Я знаю, что могу настроить таргетинг на элементы, которые имеют определенный атрибут в CSS, например: input[type=text] { font-family: Consolas; } Но возможно ли нацелить элементы, у которых есть атрибут любого значения (кроме ничего, т.е. когда атрибут не был добавлен к элементу)? Примерно что-то вроде: a[rel=*] { color: red; } Что …


4
Селектор для одного тега, за которым следует другой тег
Это выбирает все <B>теги непосредственно предшествовавшие по <A>тэгам: A+B { /* styling */ } Какой селектор для всех <A>тегов, за которыми следуют<B> теги? Вот пример HTML, соответствующий моему вопросу: <a>some text</a> <b>some text</b>

3
В чем разница между cssSelector и Xpath и что лучше с точки зрения производительности при кроссбраузерном тестировании?
Я работаю с Selenium WebDriver 2.25.0 над многоязычным веб-приложением и в основном тестирую содержимое страницы (для разных языков, таких как арабский, английский, русский и т. Д.). Для моего приложения, которое лучше по производительности, и убедитесь, что оно должно поддерживать все браузеры (например, IE 7,8,9, FF, Chrome и т. Д.). Заранее …

4
Есть ли псевдокласс CSS, противоположный: hover?
Есть ли в CSS псевдокласс для указания :not(:hover) Или это единственный способ указать элемент, который не зависает? Я просмотрел несколько ссылок на CSS3 и не нашел упоминания о псевдоклассе CSS, который бы указывал противоположность: hover.

5
jQuery - получить список значений атрибута из элементов класса
У меня есть класс .objectс атрибутом level. Я хочу получить список всех различных значений levelна странице, чтобы выбрать самое высокое. Если я сделаю что-то вроде: $(".object").attr("level") ... это даст мне список значений, которые являются значениями атрибута уровня? Я подозреваю, что нет, но как тогда делать что-то подобное? Примечание. Я не …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.