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

Как выбрать все trэлементы, кроме первого trв таблице с помощью CSS? Я пытался использовать этот метод, но обнаружил, что он не работает.

257 css  css-selectors 

HTML: <label for="email">{t _your_email}:</label> CSS: label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } Я хочу выбрать метку на основе атрибута «for» для внесения изменений в макет.

256 css  css-selectors 

Можно ли выбрать, скажем, каждый четвертый элемент в наборе элементов? Пример: у меня есть 16 <div>элементов ... Я мог бы написать что-то вроде. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) Есть лучший способ сделать это?

242 css  css-selectors 

Я хочу применять стили только к таблице внутри DIV с определенным классом: Примечание: я бы предпочел использовать css-селектор для дочерних элементов. Почему № 1 работает, а № 2 нет? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40px 50px;} HTML: …

232 css  css-selectors 

Можно ли использовать селектор CSS3 :first-of-typeдля выбора первого элемента с заданным именем класса? У меня не получилось пройти тест, так что я думаю, что нет? Кодекс ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text …

230 css  css-selectors 

Я постоянно читаю везде, что CSS не чувствителен к регистру, но у меня есть этот селектор .holiday-type.Selfcatering который, когда я использую в своем HTML, как это, получает <div class="holiday-type Selfcatering"> Если я изменю вышеупомянутый селектор, как это .holiday-type.SelfCatering Тогда стиль не подобран. Кто-то лжет.

229 html  css  css-selectors 

Если у меня есть следующий div: <div class="sectionA" id="content"> Lorem Ipsum... </div> Есть ли способ определить стиль, который выражает идею "DIV с id='content' AND class='myClass'"? Или вы просто идете тем или иным путем, как в <div class="content-sectionA"> Lorem Ipsum... </div> Или <div id="content-sectionA"> Lorem Ipsum... </div>

221 css  css-selectors 

В чем разница между #и .при объявлении набора стилей для элемента, и какая семантика вступает в игру при решении, какой из них использовать?

220 css  css-selectors 

В CSS * будет соответствовать любой элемент. Часто *|*используется вместо* соответствия всем элементам. Это обычно используется в целях тестирования. В чем разница между *и *|*в CSS?

211 css  css-selectors  namespaces 

Если у меня есть тег заголовка <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } и после этого у меня есть параграф <p>stuff here</p>. Как я могу гарантировать использование CSS для использования каждого <p>тега, следующего за h1.hc-reform:clear:both; это будет: h1.hc-reform > p{ clear:both; } по какой-то причине это не …

200 html  css  css-selectors  siblings 

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

194 html  css  css-selectors 

Я видел этот селектор в Twitter Bootstrap: .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } Кто-нибудь знает, как называется эта техника и чем она занимается?

190 css  css-selectors 

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

189 css  angular  css-selectors  angular-components 

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

177 html  css  css-selectors 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Я хочу выбрать #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } Это не работает до тех пор, пока у меня есть еще один div.somethingпоследний фактический …

176 html  css  css-selectors