Селекторы - это шаблоны, которые соответствуют элементам в дереве документа. В правиле CSS они используются для определения стилей элементов, которые соответствуют шаблону.
Как выбрать <li>элемент, который является прямым родителем элемента привязки? Например, мой CSS будет выглядеть примерно так: li < a.active { property: value; } Очевидно, есть способы сделать это с помощью JavaScript, но я надеюсь, что существует какой-то обходной путь, который существует...
На этот вопрос есть ответы на Переполнение стека на русском : Селектор левых соседей Знак плюс ( +) предназначен для следующего брата. Есть ли эквивалент для предыдущего...
Какие символы / символы разрешены в селекторах классов CSS ? Я знаю, что следующие символы недопустимы , но какие символы допустимы ? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | `...
У меня есть набор элементов с именем класса red, но я не могу выбрать первый элемент с class="red"использованием следующего правила CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Выполнить фрагмент кодаСкрыть результатыРазвернуть...
Поиск ~персонажа не прост. Я просматривал некоторые CSS и нашел это .check:checked ~ .content { } Что это
У меня есть divтег, содержащий несколько ulтегов. Я могу установить свойства CSS только для первого ulтега: div ul:first-child { background-color: #900; } Однако мои следующие попытки установить свойства CSS для каждого ulтега, кроме первого, не работают: div ul:not:first-child { background-color:...
Например: p + p { /* Some declarations */ } Я не знаю, что +значит. В чем разница между этим и просто определением стиля pбез +
Я пытаюсь выбрать inputэлементы всех types кроме radioи checkbox. Многие люди показали, что вы можете вводить несколько аргументов :not, но использование type, похоже, не работает в любом случае, я пробую это. form input:not([type="radio"], [type="checkbox"]) { /* css here */ } Любые...
У меня есть эти 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...
Я хотел бы написать правило селектора CSS, которое выбирает все элементы, которые не имеют определенного класса. Например, с учетом следующего HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links......
Селекторы CSS сопоставляются движками браузера справа налево. Поэтому они сначала находят детей, а затем проверяют своих родителей, чтобы убедиться, что они соответствуют остальным частям правила. Почему это? Это только потому, что в спецификации сказано? Влияет ли это на возможный макет, если он...
Я ищу селектор CSS для следующей таблицы: Peter | male | 34 Susanne | female | 12 Есть ли какой-либо селектор для соответствия всем TD, содержащим
Можно ли выбирать элементы в CSS по их атрибутам данных HTML5 (например,
Например: div > p.some_class { /* Some declarations */ } Что именно означает этот
Есть ли способ выбрать элемент с CSS на основе значения атрибута класса, заданного для двух конкретных классов. Например, допустим, у меня есть 3 деления: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div>...
Как вы можете выбрать все дочерние элементы рекурсивно? div.dropdown, div.dropdown > * { color: red; } Этот класс только выбрасывает класс на определенное className и всех непосредственных потомков. Как вы можете простым способом выбрать все дочерние узлы, как это: div.dropdown, div.dropdown...
Как бы я выбрал все, кроме последнего ребенка, используя селекторы CSS3? Например, получить только последнего ребенка будет
Как настроить таргетинг на поля ввода типа «текст» с помощью селекторов 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>...
У меня есть правило стиля, которое я хочу применить к тегу, когда у него есть два класса. Есть ли способ сделать это без JavaScript? Другими словами: <li class='left ui-class-selector'> Я хочу применить мое правило стиля только в том случае, если применяются liоба класса .leftи...