Perguntas com a marcação «css-selectors»

Como posso selecionar todos os trelementos, exceto o primeiro trde uma tabela com CSS? Eu tentei usar esse método, mas achei que não funcionava.

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; } Desejo selecionar o rótulo com base no atributo 'for' para fazer alterações no layout.

256 css  css-selectors 

É possível selecionar, digamos, cada quarto elemento em um conjunto de elementos? Ex: Eu tenho 16 <div>elementos ... Eu poderia escrever algo assim. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) Existe uma maneira melhor de fazer isso?

242 css  css-selectors 

Quero aplicar estilos apenas à tabela dentro do DIV com uma classe específica: Nota: Prefiro usar um seletor de css para elementos filhos. Por que o nº 1 funciona e o nº 2 não? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption …

232 css  css-selectors 

É possível usar o seletor CSS3 :first-of-typepara selecionar o primeiro elemento com um determinado nome de classe? Não tive sucesso com o meu teste, então estou pensando que não é? O código ( 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 …

230 css  css-selectors 

Continuo lendo em todos os lugares que o CSS não diferencia maiúsculas de minúsculas, mas tenho esse seletor .holiday-type.Selfcatering que quando eu uso no meu HTML, assim, é captado <div class="holiday-type Selfcatering"> Se eu mudar o seletor acima como este .holiday-type.SelfCatering Então o estilo não é escolhido. Alguém está mentindo.

229 html  css  css-selectors 

Se eu tiver a seguinte div: <div class="sectionA" id="content"> Lorem Ipsum... </div> Existe uma maneira de definir um estilo que expresse a idéia "Uma div com id='content'AND class='myClass'"? Ou você simplesmente segue um caminho ou outro como em <div class="content-sectionA"> Lorem Ipsum... </div> Ou <div id="content-sectionA"> Lorem Ipsum... </div>

221 css  css-selectors 

Qual é a diferença entre #e .ao declarar um conjunto de estilos para um elemento e quais são as semânticas que entram em jogo ao decidir qual usar?

217 css  css-selectors 

Em CSS, *corresponderá a qualquer elemento. Freqüentemente, *|*é usado em vez de *corresponder a todos os elementos. Isso geralmente é usado para fins de teste. Qual é a diferença entre *e *|*no CSS?

211 css  css-selectors  namespaces 

Se eu tiver uma tag de cabeçalho <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } e depois disso eu tenho um parágrafo <p>stuff here</p>. Como posso garantir o uso de CSS para que todas as <p>tags a seguir h1.hc-reformsejam usadas:clear:both; seria isso: h1.hc-reform > p{ clear:both; } por …

200 html  css  css-selectors  siblings 

Se o HTML tiver elementos como este: id="product42" id="product43" ... Como faço para corresponder todos esses IDs começando com "produto"? Já vi respostas que fazem isso exatamente usando javascript, mas como fazê-lo apenas com CSS?

192 html  css  css-selectors 

Eu vi esse seletor no Twitter Bootstrap: .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } Alguém sabe como essa técnica é chamada e o que faz?

190 css  css-selectors 

Eu tenho componente no Angular 2 chamado my-comp: <my-comp></my-comp> Como um estilo é o elemento host desse componente no Angular 2? No polímero, você usaria o seletor ": host". Eu tentei no Angular 2. Mas não funciona. :host { display: block; width: 100%; height: 100%; } Eu também tentei usar …

189 css  angular  css-selectors  angular-components 

Atualmente, estou trabalhando em um projeto no qual não tenho controle sobre o HTML ao qual estou aplicando estilos CSS. E o HTML não está muito bem rotulado, no sentido de que não há declarações suficientes de identificação e classe para diferenciar os elementos. Portanto, estou procurando maneiras de aplicar …

176 html  css  css-selectors 

Eu quero combinar :aftercom :hoverCSS (ou qualquer outro pseudo-seletor). Basicamente, tenho uma lista e o item da selectedclasse tem uma forma de seta aplicada :after. Eu quero que o mesmo seja verdadeiro para objetos que estão sendo passados ​​com o mouse, mas que não conseguem fazê-lo funcionar. Heres the code …

176 css  css-selectors  pseudo-element