0

CSSでは、私は持っています

table {
    max-width:100%;
    background-color:transparent;
    border-collapse:collapse;
    border-spacing:0
}

HTMLでは、私は持っています

<table class="table">
        <tr>
           <td>
               <img width="90px" src="logo.png">
           </td>

           <td>
               <div class="page-header">Header
           <td>
        </tr>
</table>

CSSファイルの<td>他のテーブルを変更せずに、2番目の背景色を変更するにはどうすればよいですか?<td>

基本CSSとしてBootstrapを使用しています。そして、コードの変更に関しては、ちょっと複雑です。

4

5 に答える 5

4

目的の要素にクラスを追加します<td>。

その中で、希望するものclassを指定しますbackground

実用的な例については、こちらをご覧ください

于 2013-01-26T18:24:38.957 に答える
4

CSSを使用すると、次のようなことができます

    table tr:first-child td:nth-child(2){
         background:red;
    }
于 2013-01-26T18:18:39.333 に答える
2

変更する td にクラスを追加します (たとえば、'headerTd' を使用します)。

<table class="table">
    <tr>
    <td><img width="90px" src="logo.png"></td>

    <td class="headerTd"><div class="page-header">Header<td>
    </tr>
</table>

次に、CSS に次のルールを追加します。

.headerTd{
    background-color:red;
}
于 2013-01-26T18:18:09.113 に答える
0

スタイル属性を指定するだけで、2 番目のスタイリングに進むことができます。

style="color:red"
于 2013-01-26T18:12:37.387 に答える
0 
.secondTD {
    background:red;
}


<table class="table">
        <tr>
        <td><img width="90px" src="logo.png"></td>

        <td class="secondTD"><div class="page-header">Header<td>
        </tr>
</table>

しかし、クラスなしでしたい場合は、

table:tr:td {
    background:red;
}


<table class="table">
        <tr>
        <td><img width="90px" src="logo.png"></td>

        <td><div class="page-header">Header<td>
        </tr>
</table>

最初の td を持つすべての行の場合:

table>tr:td {
    background:red;
}
于 2013-01-26T18:16:57.367 に答える