Sélecteur CSS avec période en ID

Question

La spécification HTML permet, pour des périodes (.) dans un id:

<img id="some.id" />

Cependant, à l'aide d'un CSS sélecteur d'ID règle de ne pas correspondre correctement:

#some.id { color: #f00; }

CSS pour les Sélecteurs d'ID ne fait pas mention de ce cas. Donc je suppose que c'est à l'aide de la combinaison d'un nom de balise et de sélecteur de classe? Par exemple, une règle CSS de a.className s'appliquerait à toutes les balises d'ancrage (<a>) avec un nom de classe de l' className, comme <a class="className"></a>.

Est-il possible d'avoir un fichier CSS externe, règle qui fait référence à un élément HTML par son id qui dispose d'un délai-t-il?

Je m'attends pas depuis le CSS spécifie qu'un CSS "identificateur" ne comprend pas la période de validité de ce personnage. Alors, est-ce un décalage fondamental entre HTML et CSS specs? Est ma seule alternative à l'utilisation d'un autre type de CSS sélection? Quelqu'un peut plus intelligent que j'ai de confirmer ou d'infirmer cela?

(Je voudrais supprimer la période de l'HTML attribut id pour simplifier les choses, mais c'est un système d'identification généré, donc je n'ai pas la possibilité de le changer dans ce cas.)

Answer 1

Classique. Juste après avoir examiné toutes les spécifications de la question, je l'ai relue et j'ai constaté qu'il y avait un caractère d'échappement. Je n'en ai jamais eu besoin auparavant, mais les spécifications CSS autorisent l' échappement d'une barre oblique inverse (\) comme dans la plupart des langues. Qu'est-ce que tu sais?

Donc, dans mon exemple, la règle suivante correspondrait:

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

Answer 2

Vous pouvez également utiliser img [id = some.id]]

Plus d'informations ici: http://www.w3.org/TR/selectors/#attribute-selectors