Tag: css selectors

Селектор CSS (идентификатор содержит часть текста)

У меня есть вопрос. У меня есть элементы что-то вроде этого: элемент с id = someGenerated Некоторые: То же: 0: имя элемент с id = someGenerated Некоторые: То же: 0: фамилия элемент с id = someGenerated Некоторые: То же: 1: имя элемент с id = someGenerated Некоторые: То же: 1: фамилия Мне нужен CSS-селектор для […]

Можно ли выбрать последние n элементов с nth-child?

Используя стандартный список, я пытаюсь выбрать последние 2 элемента списка. У меня разные перестановки An+B но ничто, кажется, не выбирает последние 2: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ Я знаю о новых […]

Вертикально центрирующее содержимое: до /: после псевдоэлементов

Я пытаюсь добиться чего-то похожего на эту картину: У меня есть изображение (как часть слайд-шоу), завернутое в div, и с: before и: после псевдоэлементов, я показываю два элемента управления для перемещения на следующие (>>) или предыдущие (<<) изображения слайд-шоу , Пока у меня есть это: div { position: relative; } div:before { display:block; height: 100%; […]

css селектор для соответствия элементу без атрибута x

Я работаю над файлом CSS и обнаруживаю необходимость стилизации текстовых полей ввода, однако я сталкиваюсь с проблемами. Мне нужно простое объявление, которое соответствует всем этим элементам: … но не соответствует этим: Вот что я хотел бы сделать: input[!type], input[type=’text’], input[type=’password’] { /* styles here */ } В приведенном выше CSS обратите внимание, что первый селектор […]

Есть ли jQuery-подобный CSS / HTML-селектор, который можно использовать в C #?

Мне интересно, есть ли jQuery-подобный css-селектор, который можно использовать в C #. В настоящее время я разбираю некоторые html-строки с использованием regex и думал, что было бы намного лучше иметь что-то вроде селектора css в jQuery, чтобы соответствовать моим желаемым элементам.

Укажите несколько селекторов атрибутов в CSS

Что такое синтаксис для выполнения чего-то вроде: input[name=”Sex” AND value=”M”] В принципе, я хочу выбрать элемент input который имеет атрибут name=”Sex” а также value=”M” атрибута value=”M” : Не следует выбирать такие элементы, как следующие:

Объединить: после: hover

Я хочу совместить :after :hover в CSS (или любой другой псевдо-селектор). У меня в основном есть список, и элемент с selected classом имеет форму стрелки, применяемую с помощью :after . Я хочу, чтобы то же самое было верно для объектов, которые зависают, но не могут заставить его работать. Вот код #alertlist { list-style:none; width: 250px; […]

Почему этот фильтр CSS: not () не фильтруется?

Я хочу выбрать промежутки, которые не являются потомками определенного classа, назовем его «нет». Вот мой CSS: div:not(.no) span{background-color:#00f;} Вот HTML yes 1 no 1 no 2 Два вопроса: Почему мой CSS применяется как к yes 1, так и к no 2? Почему все это сломается, если я переключусь на универсальный селектор? *:not(.no) span{background-color:#00f;} Вот код […]

Является ли: до псевдоэлемента допустимым на входе ?

В этом ответе StackOverflow описывается, как установить флажки с помощью CSS3, не требуя : input[type=checkbox]:before { content:””; display:inline-block; width:12px; height:12px; background:red; } скрипка Это работает в Chrome 22, но не в Firefox 15 или IE 9. Учитывая отсутствие поддержки в последних двух браузерах, поведение Chrome в действительности соответствует спецификации CSS3?

Селектор CSS для имен атрибутов на основе шаблона

Недавно я немного учился на селекторах CSS и столкнулся с вопросом о новых атрибутах «data- *». Я понимаю, что для выбора элементов с атрибутом данных есть несколько способов обойти это: [data-something=’value’]{…} // data-something has value = ‘value’ [data-something^=’value’]{…} // data-something has value that STARTS with ‘value’ [data-something*=’value’]{…} // data-something has value with ‘value SOMEWHERE in […]