1

少し質問がありますが、ここ以外に答えを見つけることができる場所がインターネット上にないようです :p

だから私はhtmlいくつかのページを持っていtablesます。それらtablesには行があり(いつものように:p)、それらの行にはいくつかのinputs. これらすべての行に影響を与えるルールを css ファイルに追加したいと考えています。これらの行には、id意味がほとんど同じではありません。

これが私のコードです:

<table>
    <tr id="tr_creneau_1">
        <td>
            <input />
        </td>
    </tr>
    <tr id="tr_creneau_2">
        <td>
             <input />
        </td>
    </tr>
</table>

<table>
    <tr id="tr_logo_1">
       <td>
           <input />
       </td>
    </tr>
</table>

最後に、tr_* 行のすべての入力に影響を与える CSS ルールが必要です。

4

3 に答える 3

2

あなたは試すことができます:

tr[id^="tr_"] input

ただし、これは css 3 セレクターであり、すべてのブラウザーで機能するわけではありません。代わりに、次のように単純に使用できます。

tr input

または、そのIDを持つすべての行にクラスを追加し、そのクラスと一致させます

于 2012-06-12T10:04:08.503 に答える
1

あなたが試すことができます:

tr[id^="tr_"] { --your css here-- }

trID が で始まる場合、すべてのタグをチェックしtr_ます。

id 属性の先頭にある必要がなく、 random のどこかにある場合は、次を使用できます。

tr[id*="tr_"]

上記がうまくいかない場合は、クラスベースのアプローチをお勧めします。

于 2012-06-12T10:10:42.963 に答える
1

ターゲットにしたいテーブルの各行にいつでも CSS クラスを追加できます。例えば

<table>
    <tr id="tr_creneau_1" class="style-me">
        <td>
            <input />
        </td>
    </tr>
    <tr id="tr_creneau_2"  class="style-me">
        <td>
            <input />
        </td>
    </tr>
    <tr id="somethingElse">
        no input, so no class needed
    </tr>
</table>

次に、次のようにスタイルします。

table .style-me input {
    background-color: red;
}
于 2012-06-12T10:04:32.263 に答える