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

194
Как получить CSS, чтобы выбрать идентификатор, который начинается со строки (не в Javascript)?

Если в HTML есть такие элементы: id="product42" id="product43" ... Как мне сопоставить все эти идентификаторы, начинающиеся с "product"? Я видел ответы, которые делают это именно с помощью JavaScript, но как это сделать только с помощью...

189
Angular 2: Как стилизовать хост-элемент компонента?

У меня есть компонент в Angular 2 под названием my-comp: <my-comp></my-comp> Как можно стилизовать хост-элемент этого компонента в Angular 2? В Polymer вы должны использовать селектор ": host". Я попробовал это в Angular 2. Но это не работает. :host { display: block; width: 100%;...

177
Могу ли я применить стиль CSS к имени элемента?

В настоящее время я работаю над проектом, в котором у меня нет контроля над HTML, к которому я применяю стили CSS. И HTML-код не очень хорошо помечен, в том смысле, что недостаточно идентификаторов и объявлений классов для различения элементов. Итак, я ищу способы применения стилей к объектам,...

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

Я хочу совместить :afterс :hoverCSS (или любой другой псевдо-селектор). У меня в основном есть список, и элемент с selectedклассом имеет форму стрелки, примененную с помощью :after. Я хочу, чтобы то же самое относилось к объектам, которые были наведены, но не могли заставить его работать. Вот код...

176
CSS-селектор «(A или B) и C»?

Это должно быть просто, но у меня возникли проблемы с поиском поисковых запросов. Допустим, у меня есть это: <div class="a c">Foo</div> <div class="b c">Bar</div> В CSS, как я могу создать селектор, который соответствует чему-то, что соответствует "(.a или .b) и .c"? Я знаю,...

175
Есть ли селектор CSS по префиксу класса?

Я хочу применить правило CSS к любому элементу, один из классов которого соответствует указанному префиксу. Например, я хочу правило, которое будет применяться к div, класс которого начинается с status-(A и C, но не B в следующем фрагменте): <div id='A' class='foo-class status-important...

170
jQuery: выбрать класс элемента и идентификатор одновременно?

У меня есть несколько ссылок, по которым я хочу выбрать класс и идентификатор одновременно. Это потому, что у меня есть 2 разных поведения. Когда класс ссылок получает одно имя класса, они ведут себя одинаково, когда одни и те же классы ссылок получают другое имя класса, они ведут себя по-разному....

161
jQuery против document.querySelectorAll

Несколько раз я слышал, что самым сильным активом jQuery является то, как он запрашивает и манипулирует элементами в DOM: вы можете использовать CSS-запросы для создания сложных запросов, которые было бы очень сложно выполнить в обычном javascript. Однако, насколько мне известно, вы можете достичь...

161
CSS last-child (-1)

Я ищу css-селектор, который позволяет мне выбрать предпоследний дочерний элемент списка. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is -->...

155
Можно ли настроить таргетинг на все теги <H> с помощью одного селектора?

Я хочу настроить таргетинг на все теги h на странице. Я знаю, ты можешь сделать это таким образом ... h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } но есть ли более эффективный способ сделать это с помощью расширенных селекторов CSS? например что-то вроде: [att^=h] { font:...

155
Стиль дочерний элемент при наведении на родительский элемент

Как изменить стиль дочернего элемента при наведении указателя мыши на родительский элемент. Я бы предпочел CSS решение для этого, если это возможно. Есть ли какое-либо решение, возможно, через: наведите CSS селекторы. На самом деле мне нужно изменить цвет панели параметров внутри панели, когда на...

150
Как стилизовать атрибут readonly с помощью CSS?

В настоящее время я использую readonly = "readonly", чтобы отключить поля. Я сейчас пытаюсь стилизовать атрибут с помощью CSS. Я пытался использовать input[readonly] { /*styling info here*/ } но это не работает по какой-то причине. Я также пытался input[readonly='readonly'] { /*styling info here*/...

146
Использование CSS: до и: после псевдоэлементов со встроенным CSS?

Я делаю HTML электронной подпись с инлайн CSS (т.е. CSS в styleатрибутах), и я интересно, будет ли это можно использовать :beforeи :afterпсевдо-элементы. Если да, то как мне реализовать что-то подобное с помощью встроенного CSS? td { text-align: justify; } td:after { content: ""; display:...