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

Селекторы - это шаблоны, которые соответствуют элементам в дереве документа. В правиле CSS они используются для определения стилей элементов, которые соответствуют шаблону.

30
Есть ли родительский селектор CSS?
Как выбрать <li>элемент, который является прямым родителем элемента привязки? Например, мой CSS будет выглядеть примерно так: li < a.active { property: value; } Очевидно, есть способы сделать это с помощью JavaScript, но я надеюсь, что существует какой-то обходной путь, который существует нативно для уровня CSS 2. Меню, которое я пытаюсь …
3180 css  css-selectors 

16
Есть ли селектор «предыдущий брат»?
На этот вопрос есть ответы на Переполнение стека на русском : Селектор левых соседей Знак плюс ( +) предназначен для следующего брата. Есть ли эквивалент для предыдущего брата?
1356 css  css-selectors 


17
CSS селектор для первого элемента с классом
У меня есть набор элементов с именем класса red, но я не могу выбрать первый элемент с class="red"использованием следующего правила CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Что не так в этом селекторе и как мне его исправить? Благодаря комментариям …
947 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; } div ul:first-child:after …
811 css  css-selectors 


5
Может ли псевдокласс: not () иметь несколько аргументов?
Я пытаюсь выбрать inputэлементы всех types кроме radioи checkbox. Многие люди показали, что вы можете вводить несколько аргументов :not, но использование type, похоже, не работает в любом случае, я пробую это. form input:not([type="radio"], [type="checkbox"]) { /* css here */ } Любые идеи?
748 css  css-selectors 

4
подстановочный знак * в CSS для классов
У меня есть эти divs, с которыми я укладываю .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"> …

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! …
647 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.