Esquema simples:
<tr class="something">
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
Eu preciso configurar uma largura fixa para <td>
. I've tried:
tr.something {
td {
width: 90px;
}
}
Também
td.something {
width: 90px;
}
para
<td class="something">B</td>
E mesmo
<td style="width: 90px;">B</td>
Mas a largura de <td>
ainda é a mesma.
Se você're utilizando <table class="table">
na sua mesa, Bootstrap's table class adiciona uma largura de 100% à tabela. Você precisa alterar a largura para auto.
Além disso, se a primeira linha da sua tabela for uma linha de cabeçalho, você pode precisar adicionar a largura a ela em vez de td.
Ok, acabei de descobrir onde estava o problema - em Bootstrap está configurado como um valor padrão width
para o elemento select
, portanto, a solução é:
tr. something {
td {
select {
width: 90px;
}
}
}
Qualquer outra coisa não'não funciona comigo.
Difícil de julgar sem o contexto da página html ou o resto do seu CSS. Pode haver um zilião de razões pelas quais a sua regra CSS não está a afectar o elemento td.
Você já tentou seletores CSS mais específicos, tais como
tr.somethingontrlevel td.something {
width: 90px;
}
Isto para evitar que o seu CSS seja anulado por uma regra mais específica do css bootstrap css.
(a propósito, na sua amostra inline css com o atributo estilo, você escreveu mal a largura - isso poderia explicar porque essa tentativa falhou!)