Запитання з тегом «css-selectors»

Чи є спосіб вибрати кожну п'яту дитину, яка відповідає (або не відповідає) довільному селектору ? Наприклад, я хочу вибрати кожен непарний ряд таблиці, але в підмножині рядків: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> <td>Row <tr class="row"> <td>Row <tr class="row"> <!-- …

116 css  css-selectors 

Чи можливо мати кілька :beforeпсевдо для одного елемента? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Я намагаюся застосувати вищевказані стилі до одного і того ж елемента за допомогою jQuery, але застосовується лише останній, ніколи не обидва.

116 css  css-selectors  pseudo-element  css-content 

Чи є селектор CSS для вибору цього елемента за значенням атрибута стилю вбудованого? <div style='display:block'>...</div> щось на зразок div[cssAttribute=cssValue]

114 html  css  css-selectors  inline-styles 

Я помітив, що кнопки та інші елементи мають стилі за замовчуванням і поводяться в 3 кроки: звичайний перегляд, наведення курсора / фокусування та перегляд маусауна / клацання, у CSS я можу змінити стиль звичайного перегляду та наведення курсору так: button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } але як я …

114 html  css  css-selectors 

На сторінці у мене є такий HTML-код: <h4>Some text</h4> <p> Some more text! </p> У моєму .cssдля отримання стилю h4елемента є наступний селектор . HTML-код вище - це лише невелика частина всього коду; Є ще кілька divs, які обернуті навколо приналежності до тіньового ящика: #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { …

113 html  css  css-selectors 

У мене досить великі неприємності, тому що мені потрібно проаналізувати процес стилізації деяких типів вводу. У мене було щось на кшталт: .registration_form_right input:not([type="radio") { //Nah. } Але я також не хочу стилів прапорців. Я спробував: .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) Як користуватися …

113 css  css-selectors  conditional-operator 

Чи все-таки доведеться ЛЕШЕ застосовувати до виводу негайний селектор (>)? У моєму стилі. Я не хочу написати щось на зразок: .panel { ... > .control { ... } } і МЕНШЕ генерувати щось на кшталт: .panel > .control { ... }

112 css  css-selectors  less 

У таблиці стилів агентів Google Chrome я знайшов наступний селектор CSS: [type="checkbox" i] Що iозначає?

112 css  css-selectors 

положення: липкий працює на деяких мобільних браузерах зараз, тому ви можете зробити прокрутку панелі меню зі сторінкою, але потім дотримуватися верхньої частини вікна перегляду, коли користувач прокручує повз неї. Але що робити, якщо ви хочете трохи змінити свою липку панель меню, коли вона на даний момент "стирчить"? наприклад, ви можете …

110 css  css-selectors  css-position 

Оскільки IE7 та IE8 не підтримують позначення подвійної двокрапки для псевдоелементів (наприклад, ::afterабо ::first-letter), а оскільки сучасні браузери підтримують позначення однокрапки (наприклад :after) для зворотної сумісності, чи слід використовувати виключно позначення з двокрапкою та коли Частка ринку IE8 падає до незначного рівня, повертаюсь назад і знаходжу / замінюю в моїй …

108 css  internet-explorer-8  css-selectors  internet-explorer-7  pseudo-element 

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

108 css  css-selectors  pseudo-class 

Моя мета - застосувати CSS на останньому li, але це не зробити. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Як я можу вибрати лише останню дитину?

106 css  css-selectors 

Чи можливо з CSS націлити всі входи залежно від їх типу? У мене клас інвалідів, який я використовую для різних відключених елементів форми, і я встановлюю колір фону для текстових полів, але я не хочу, щоб мої прапорці отримували цей колір. Я знаю, що можу це зробити з окремими класами, …

105 css  internet-explorer  css-selectors 

Я роблю дуже просунутий веб-сайт. Моє запитання: Чи можливо вибрати всіх інших дітей, крім " :first-childта" :last-child? Я знаю, що є :not()селектор, але він не працює з більш ніж одним не в дужках. Ось що я маю: #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: contain; }

105 html  css  css-selectors 

У чому різниця між цими двома селекторами? .classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; }

104 css  css-selectors