программирование css-selectors

2

Выберите все дочерние элементы рекурсивно в CSS

Как вы можете выбрать все дочерние элементы рекурсивно? div.dropdown, div.dropdown > * { color: red; } Этот класс только выбрасывает класс на определенное className и всех непосредственных потомков. Как вы можете простым способом выбрать все дочерние узлы, как это: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > …

407 css css-selectors

8

Как я могу выбрать все дочерние элементы, кроме последнего?

Как бы я выбрал все, кроме последнего ребенка, используя селекторы CSS3? Например, получить только последнего ребенка будет div:nth-last-child(1).

371 css-selectors css

9

CSS селектор для полей ввода текста?

Как настроить таргетинг на поля ввода типа «текст» с помощью селекторов CSS?

371 html css forms css-selectors html-input

8

CSS: не (: last-child): после селектора

У меня есть список элементов, которые оформлены так: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Выходы One | Two | Three | Four | Five |вместоOne | Two …

370 css css-selectors pseudo-element

3

Выберите элемент на основе нескольких классов

У меня есть правило стиля, которое я хочу применить к тегу, когда у него есть два класса. Есть ли способ сделать это без JavaScript? Другими словами: <li class='left ui-class-selector'> Я хочу применить мое правило стиля только в том случае, если применяются liоба класса .leftи .ui-class-selectorклассы.

360 css css-selectors

6

Как написать: условие наведения для a: before и a: after?

Как написать :hoverи :visitedусловие дляa:before ? Я пытаюсь, a:before:hoverно это не работает

347 css css-selectors pseudo-element pseudo-class

10

jQuery первый ребенок «этого»

Я пытаюсь передать "this" из отрезка, по которому щелкнули, в функцию jQuery, которая затем может выполнить jQuery для первого дочернего элемента этого нажатого элемента. Не могу понять это правильно ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> Javascript: function toggleSection(element) { element.toggleClass("redClass"); } Как мне сослаться на: first-child элемента?

317 javascript jquery jquery-selectors css-selectors

6

Есть ли селектор CSS только для первого прямого потомка?

У меня есть следующий HTML <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> И следующий стиль: DIV.section DIV:first-child { ... } По какой-то причине я не понимаю, что стиль применяется к «sub content 1», <div> а также к «header» <div> . Я думал, что селектор …

315 html css css-selectors

7

Может ли CSS определить количество дочерних элементов?

Я, наверное, отвечаю на свой вопрос, но мне очень любопытно. Я знаю, что CSS может выбирать отдельных потомков родителя, но есть ли поддержка стиля дочерних элементов контейнера, если у его родителя есть определенное количество потомков. например container:children(8) { // style the parent this way if there are 8 children } …

304 css css-selectors

7

Селекторы CSS Child и Descendant

Я немного запутался между этими двумя селекторами. Имеет ли потомок селектор: div p выбрать все в pпределах divили нет, это непосредственный потомок? Так что, если он pнаходится внутри другого, divон все равно будет выбран? Тогда дочерний селектор: div > p Какая разница? Ребенок означает непосредственный ребенок? Например. <div><p> против <div><div><p> …

299 css css-selectors

5

Укажите несколько селекторов атрибутов в CSS

Каков синтаксис для выполнения чего-то вроде: input[name="Sex" AND value="M"] В основном, я хочу выбрать inputэлемент, который имеет атрибут, name="Sex"а также атрибутvalue="M" : <input type="radio" name="Sex" value="M" /> Не следует выбирать такие элементы, как следующие : <input type="radio" name="Sex" value="F" />

296 css attributes css-selectors

9

Как я могу стилизовать четные и нечетные элементы?

Можно ли использовать псевдоклассы CSS для выбора четных и нечетных экземпляров элементов списка? Я ожидал бы, что следующее произведет список чередующихся цветов, но вместо этого я получу список синих элементов: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> …

281 html css css-selectors

4

Как я могу применить стили к нескольким классам одновременно?

Я хочу, чтобы два класса с разными именами имели одинаковое свойство в CSS. Я не хочу повторять код. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Поскольку оба класса делают одно и то же, я должен объединить их в один. Как …

277 css css-selectors

7

В чем разница между: focus и: active?

В чем разница между :focusи :activeпсевдо-классами?

275 css css-selectors pseudo-class

2

Как я могу получить определенное число детей с помощью CSS?

У меня есть tableчьи tdс создаются динамически. Я знаю, как получить первого и последнего ребенка, но мой вопрос: Есть ли способ получить второго или третьего ребенка с помощью CSS?

270 html css css-selectors

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