Как мне выбрать элемент ``, который является непосредственным родителем элемента ссылки?

В качестве примера, мой CSS будет выглядеть примерно так:

li < a.active {
    property: value;
}

Очевидно, что есть способы сделать это с помощью JavaScript, но я надеюсь, что существует какой-то...

Селектор знака плюс (+) используется для выбора следующего соседнего элемента. Существует ли эквивалент для выбора предыдущего соседа?

Какие символы/символы разрешены в CSS селекторах классов? Я знаю, что следующие символы являются недопустимыми, но какие символы являются допустимыми? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ | ` #

У меня есть несколько элементов с классом red, но я не могу выбрать первый элемент с class="red" с помощью следующего CSS-правила:

.home .red:first-child {
    border: 1px solid red;
}

HTML-код выглядит следующим образом:

    blah
    first
    second
    third
   ...

Заголовок: Не могу понять значение символа ~ в CSS

Тело вопроса: Я столкнулся с трудностями в поиске символа ~ в CSS. При изучении стилей увидел следующий код:

.check:checked ~ .content {
}

Что он означает?

У меня есть тег div, содержащий несколько тегов ul.

Когда я пытаюсь установить CSS-свойства только для первого тега ul, код работает правильно:

div ul:first-child {
    background-color: #900;
}

Однако, когда я хочу установить CSS-свойства для каждого тега ul, кроме первого, я...

Я ищу CSS-селектор для следующей разметки <table>:

Имя Пол Возраст

Петер мужской 34

Сусанна женский 12

Существует ли селектор, который может выбрать все <td> с содержимым "мужской"?

Я столкнулся с проблемой стилизации нескольких div-ов с классом .tocolor. Мне нужно, чтобы каждый из этих div-ов имел уникальный идентификатор (например, 1, 2, 3, 4), поэтому я добавляю дополнительные классы в формате .tocolor-1, .tocolor-2 и так далее.

Вот пример кода:

tocolor...

Я пытаюсь выбрать элементы input всех type, кроме radio и checkbox.

Многие показывали, что можно использовать несколько аргументов в :not, но использование с type почему-то не работает так, как я пробовал.

form input:not([type="radio"], [type="checkbox"]) { /* css здесь */ }

Есть идеи?

Описание проблемы

Здравствуйте, коллеги!

Столкнулся с трудностями в понимании использования селектора в CSS. У меня есть следующий код:

p + p {
  /* Некоторые объявления */
}

Не могу понять, что означает символ + в данном контексте. В чем разница между этим селектором и просто...

Как выбрать элемент с помощью CSS на основе наличия у него двух специфических классов? У меня есть три div-а:

Hello Foo
Hello World
Hello Bar

Какой CSS нужно написать, чтобы выбрать ТОЛЬКО второй элемент в списке, основываясь на том, что он одновременно принадлежит классам foo И bar?

Возможно ли выбрать элементы в CSS по их HTML5 атрибутам данных (например, data-role)?

Заголовок: Что означает символ ">" в CSS-правилах?

Вопрос:

Я столкнулся с фрагментом CSS-кода, который выглядит так:

div > p.some_class {
  /* Некоторые декларации */
}

Не могу понять, что именно обозначает символ > в данном контексте. Как он влияет на стиль, применяемый к...

Как выбрать все элементы, кроме последнего потомка, с помощью селекторов CSS3?

Например, чтобы выбрать только последнего потомка, используется код div:nth-last-child(1). Как мне сделать так, чтобы выбрать все элементы, кроме последнего?