Comment sélectionner tous les éléments dont l'ID commence et se termine avec des chaînes spécifiques?

Dans le CSS, comment puis-je sélectionner tous <tr> éléments où leur id commence avec section_ et se termine avec _dummy?

E. g. Je voudrais sélectionner et appliquer des styles à la suite de <tr>s:

<tr id="section_5_1_dummy">
    <td>...</td>
</tr>

<tr id="section_5_2_dummy">
    <td>...</td>
</tr>

OriginalL'auteur Danny Beckett | 2013-04-15

  1. 49

    Suivantes sélecteur de CSS3 va faire le travail:

    tr[id^="section_"][id$="_dummy"] {
    height: 200px;
}

    La ^ indique que le id devrait commencer avec.

    La $ indique que le id doit se terminer par.

    id lui-même peut être remplacé par un autre attribut, comme href, lorsqu'il est appliqué à (par exemple) <a>:

    a[href^="http://www.example.com/product_"][href$="/about"] {
    background-color: red;
}
    Compatibilité: IE7+ – quirksmode.org/css/selectors/#t23

    OriginalL'auteur Danny Beckett