0

いくつかの子を持つ css クラスがあり、ターゲットにしたい子要素に ' で終わる id があることを知っていinner-Ctます。多くの場所で使用されるため、一意の ID を割り当てたくありません。

<div class="totalSummary">
    <div>
        <div id = "form-1406-innerCt"></div> //<---- this is the one I want to target
          ...
    <div>
</div>

css を使用してこれを行う方法はありますか?

4

2 に答える 2

1

$属性セレクターを使用して、次のように ID の末尾を一致させることができます。

.totalSummary div[id$="innerCt"] {
    background: red;
}

jsFiddle の例

参照: http://www.w3.org/TR/selectors/#selectors

[att$=val] 値がサフィックス「val」で終わる att 属性を持つ要素を表します。「val」が空の文字列の場合、セレクターは何も表していません。

于 2013-09-11T16:52:52.677 に答える
0

次のようなものを使用できます。

.totalSummary div[id$="innerCT"] {
    color: gold;  /* The $ indicates a string that an attribute
                     value ends with, in this case "innerCt" */
}

例: http://jsfiddle.net/xgRk7/

于 2013-09-11T16:54:25.420 に答える