CSS3で「n番目のタグ」とか「正規表現」「最初の1文字 or 1行目」などにスタイルを適応させる方法 - Eiji
正規表現が使えるとは。
id="" や class="" の属性に含まれる文字列に正規表現を使ってスタイルを適用する。
sample: HTML + CSS
<div> <div id="nav-primary">navigation primary</div> <div id="content-primary">content primary</div> <div id="content-secondary">content secondary</div> <div id="tertiary-content">tertiary content</div> <div id="nav-secondary">navigation secondary</div> </div> <style> div[id^="nav"] { background: #EDF3FE; } div[id$="primary"] { color: #00c; } div[id*="content"] { text-decoration:underline; } </style>