インライン CSS の使用からスタイルシートの使用にコードを移植しようとしています。
私が外部に移行したもののほとんどはうまくいきましたが、スタイルシートで定義されたスタイルを TD 要素に使用させることができないようです。次に例を示します。
<td class="text_right">...</td>
.text_right {
text-align: right;
}
なぜそれがうまくいかないのですか?
インライン CSS の使用からスタイルシートの使用にコードを移植しようとしています。
私が外部に移行したもののほとんどはうまくいきましたが、スタイルシートで定義されたスタイルを TD 要素に使用させることができないようです。次に例を示します。
<td class="text_right">...</td>
.text_right {
text-align: right;
}
なぜそれがうまくいかないのですか?
それは機能する<td>
はずですが、要素にはいくつかの寸法が必要であることに注意してください。そうしないと、コンテンツと同じ幅になります。
デモについては、これを確認してください
<td class="text_right"><a>...</a></td>
.text_right {
text-align: right;
width: 300px;
}
<a>
それはうまくいくはずです、タグにテキストを入れてください
!important を使用してみてください。このような ;
.text_right {
text-align: right !important;
}
それでも調整されていない場合は、右クリックしてその要素が上書きされたルール (クロムまたはオペラ) の css を確認し、調査してください。