Cssセレクタ：中間部分にランダムな部分を含むIDまたはクラスを選択します

Question

私はテンプレートを作成していますので、使用するために複製されます。 と私が作成したCSSルールは、テンプレートのみに固有のものもあります.CSMはランダムなID番号を作成し、それをID /クラスの途中に追加するためです。

だから私はそれらを選択する方法を思っていた...

構造は次のようになります：

<div id="row-123456-StaticPart"> content </div> 

「123456」ここのに対し、ページのランダム生成されたIDになります。私はテンプレートを複製するのであれば、次のページには、例えば「654321」のようになります。

<div id="row-654321-StaticPart"> content </div> 

は、どのように私はこれらの両方のIDを選択するためのルールを記述することができますか？

（手動で番号を変更した以外は）私のようなものを考えています：事前に任意のアイデアについて

#row-*-Staticpart { 
    color: red; 
} 

or 
div[id|="row-*-Staticpart"] { 
    color: red; 
} 

感謝を！

Answer 1

使用CSS 3つのセレクタ：

div[id^="row-"][id$="-StaticPart"]{ 
    color: red; 
} 

• div[id^="row-"]は、ID値が
• div[id$="-StaticPart"]は、そのID属性値が-StaticPart」で終わるすべての<div>要素を選択し、 "行優先" で始まる属性ごと<div>の要素を選択します"

Answer 2

このようなcss3セレクタを使用することができます：

div[id^="row-"][id$="-Staticpart"] { 
    color: red; 
} 

^は、IDがどのようなもので始まるべきかを示し、$ =は、それが終わるべきものを示します。