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

Селектори - це шаблони, які відповідають елементам дерева дерева. У правилі CSS вони використовуються для визначення стилів для елементів, що відповідають шаблону.

2
Виберіть усі дочірні елементи рекурсивно в CSS
Як ви можете обрати всі дочірні елементи рекурсивно? div.dropdown, div.dropdown > * { color: red; } Цей клас лише кидає клас на визначений className та всіх безпосередніх дітей. Як ви можете, простим способом, вибрати всі подібні дочірні доріжки: div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * …
407 css  css-selectors 
8
CSS: не (: остання дитина): після вибору
У мене є список елементів, стилізованих так: 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 | …
3
Виберіть елемент на основі декількох класів
У мене є правило стилю, яке я хочу застосувати до тегу, коли він має два класи. Чи можливо це зробити без JavaScript? Іншими словами: <li class='left ui-class-selector'> Я хочу застосувати моє правило стилю лише у тому випадку, якщо застосовані liобидва .leftта .ui-class-selectorкласи.
360 css  css-selectors 
10
jQuery перша дитина "цього"
Я намагаюсь передати "це" від натиснутого проміжку до функції jQuery, яка може потім виконати jQuery на першому дочірнім елементі цього клацання. Не можу, здається, все правильно ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> Javascript: function toggleSection(element) { element.toggleClass("redClass"); } Як я можу посилатись на: первістка елемента?
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 { ... } Чомусь я не розумію, що стиль застосовується до "додаткового вмісту 1" <div> , а також до "заголовка" <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 vs Descendant
Я трохи заплутався між цими двома селекторами. Є чи нащадок селектор: div p вибрати все pв межах, divчи це негайний спад? Тож якщо pвсередині іншого divце все одно буде обрано? Тоді дочірній селектор: div > p Яка різниця? Чи означає дитину негайну дитину? Напр. <div><p> проти <div><div><p> обидва будуть обрані, …
298 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" />
9
Як я можу стилювати парні та непарні елементи?
Чи можна використовувати псевдокласи CSS для вибору парних та непарних примірників елементів списку? Я очікую, що наступне створить список змінних кольорів, але замість цього я отримаю список синіх елементів: <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> …
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> Виконати фрагмент кодуHide resultsРозгорніть фрагмент Оскільки обидва заняття роблять одне і те ж, я повинен мати можливість об'єднати його в …
277 css  css-selectors 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.