IDにピリオドを含むCSSセレクター

HTML仕様では、IDにピリオド（。）を使用できます。

<img id="some.id" />

ただし、CSS IDセレクタールールを使用しても正しく一致しません。

#some.id { color: #f00; }

IDセレクタのCSS仕様では、このケースについては触れられていません。タグ名とクラスセレクターの組み合わせを使用していると思いますか？たとえば、CSSルールは、のようなクラス名を持つa.classNameすべてのアンカータグ（<a>）に適用されます。className<a class="className"></a>

ピリオドを含むIDでHTML要素を参照する外部CSSファイルルールを作成することは可能ですか？

CSS仕様ではCSSの「識別子」にピリオドが有効な文字として含まれていないと規定されているため、私はそうは思いません。これは、HTML仕様とCSS仕様の間の根本的な不一致ですか？別のタイプのCSS選択を使用する唯一の選択肢はありますか？これを確認または否定するより賢い人はいますか？

（単純化するために、HTMLのid属性からピリオドを削除しますが、これはシステム生成のIDであるため、この場合は変更することができません。）

クラシック。質問を書いてすべての仕様を調べた直後、私はそれをもう少し読み、エスケープ文字があることを発見しました。私はこれを必要としていませんでしたが、CSS仕様では、ほとんどの言語のようにバックスラッシュ（\）をエスケープできます。あなたは何を知っていますか？

したがって、私の例では、次のルールが一致します。

#some\.id { color: #f00; }

img [id = some.id]]を使用することもできます

詳細はこちら：http : //www.w3.org/TR/selectors/#attribute-selectors