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

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

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

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

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

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

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

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

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

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

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

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

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

242
Выберите каждый N-й элемент в CSS

Можно ли выбрать, скажем, каждый четвертый элемент в наборе элементов? Пример: у меня есть 16 <div>элементов ... Я мог бы написать что-то вроде. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) Есть лучший способ сделать...

232
Применить стиль CSS к дочерним элементам

Я хочу применять стили только к таблице внутри DIV с определенным классом: Примечание: я бы предпочел использовать css-селектор для дочерних элементов. Почему № 1 работает, а № 2 нет? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption...

230
Селектор CSS3: первый тип с именем класса?

Можно ли использовать селектор CSS3 :first-of-typeдля выбора первого элемента с заданным именем класса? У меня не получилось пройти тест, так что я думаю, что нет? Кодекс ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type...

229
Имена классов в селекторах CSS чувствительны к регистру?

Я постоянно читаю везде, что CSS не чувствителен к регистру, но у меня есть этот селектор .holiday-type.Selfcatering который, когда я использую в своем HTML, как это, получает <div class="holiday-type Selfcatering"> Если я изменю вышеупомянутый селектор, как это .holiday-type.SelfCatering...

221
Как объединить класс и ID в селекторе CSS?

Если у меня есть следующий div: <div class="sectionA" id="content"> Lorem Ipsum... </div> Есть ли способ определить стиль, который выражает идею "DIV с id='content' AND class='myClass'"? Или вы просто идете тем или иным путем, как в <div class="content-sectionA"> Lorem Ipsum......

211
В чем разница между * и * | * в CSS?

В CSS * будет соответствовать любой элемент. Часто *|*используется вместо* соответствия всем элементам. Это обычно используется в целях тестирования. В чем разница между *и *|*в...

200
Что такое синтаксис для селектора в CSS для следующего элемента?

Если у меня есть тег заголовка <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } и после этого у меня есть параграф <p>stuff here</p>. Как я могу гарантировать использование CSS для использования...