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

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

30
Чи є селектор вибору CSS?
Як вибрати <li>елемент, який є прямим батьківським елементом якоря? Як приклад, мій CSS може бути приблизно таким: li < a.active { property: value; } Очевидно, є способи зробити це за допомогою JavaScript, але я сподіваюся, що існує якийсь спосіб вирішення, який існує вродженому для рівня CSS. Меню, яке я намагаюся …
3175 css  css-selectors 

15
Чи є селектор "попереднього брата"?
На цей питання є відповіді на Stack Overflow на російському : Селектор левих соседей Знак плюс ( +) призначений для наступного брата. Чи є еквівалент для попереднього брата?
1354 css  css-selectors 


17
Селектор CSS для першого елемента з класом
У мене є купа елементів з назвою класу red, але я не можу, здається, вибрати перший елемент за class="red"допомогою наступного правила CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Що не в цьому селекторі і як це виправити? Завдяки коментарям я …
944 css  css-selectors 


9
ні: селектор першої дитини
У мене є divтег, що містить кілька ulтегів. Я можу встановити властивості CSS лише для першого ulтегу: div ul:first-child { background-color: #900; } Однак мої наступні спроби встановити властивості CSS для кожного ulтегу, за винятком першого, не спрацюють: div ul:not:first-child { background-color: #900; } div ul:not(:first-child) { background-color: #900; } …
811 css  css-selectors 


5
Чи може псевдоклас: не () мати декілька аргументів?
Я намагаюся вибрати inputелементи всіх types, крім radioі checkbox. Багато людей показали, що ви можете поставити декілька аргументів :not, але використання type, здається, не працює, я намагаюся це зробити. form input:not([type="radio"], [type="checkbox"]) { /* css here */ } Будь-які ідеї?
746 css  css-selectors 

4
підстановка * в CSS для занять
У мене є ці диви, з якими я стилю .tocolor, але мені також потрібен унікальний ідентифікатор 1,2,3,4 тощо, тому я додаю, що це як інший клас tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 …

10
Чи можу я написати селектор CSS для вибору елементів, які НЕ мають певного класу чи атрибута?
Я хотів би написати правило CSS-селектора, яке вибирає всі елементи, які не мають певного класу. Наприклад, з урахуванням наступного HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> …
644 html  css  css-selectors 

3
Чому браузери відповідають селекторам CSS справа наліво?
Селектори CSS узгоджуються двигунами браузера справа наліво. Тож вони спочатку знаходять дітей, а потім перевіряють батьків, чи вони відповідають решті частин правила. Чому це? Це тільки тому, що говорить специфікація? Чи впливає це на можливий макет, якщо його оцінювали зліва направо? Для мене найпростішим способом це було б використання селекторів …




1
CSS Selector, який застосовується до елементів з двома класами
Чи існує спосіб вибору елемента з CSS на основі значення атрибута класу, встановленого на два конкретні класи. Наприклад, скажімо, у мене є 3 діви: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div> Який CSS я можу написати, щоб обрати ТОЛЬКО другий елемент у списку, виходячи з того, що …
472 css  css-selectors 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.