CSS selector với kỳ ID

Question

Các spec HTML cho phép trong thời gian ở một id (.):

<img id="some.id" />

Tuy nhiên, sử dụng một quy tắc CSS ID selector sẽ không trận đấu một cách chính xác:

#some.id { color: #f00; }

Thông số CSS cho ID Selectors không đề cập đến trường hợp này. Vì vậy, tôi giả sử nó đang sử dụng sự kết hợp của một tên thẻ và class selector? Ví dụ: quy tắc CSS của a.className sẽ áp dụng cho tất cả các thẻ liên kết (<a>) với tên lớp là className, như <a class="className"></a>.

Có thể có quy tắc tệp CSS bên ngoài tham chiếu phần tử HTML theo id của nó có dấu chấm trong đó không?

Tôi mong đợi không phải vì thông số CSS chỉ định rằng CSS "identifier" không bao gồm dấu chấm làm ký tự hợp lệ. Vậy đây có phải là sự không phù hợp cơ bản giữa thông số HTML và CSS không? Là lựa chọn duy nhất của tôi để sử dụng một loại lựa chọn CSS khác? Ai có thể thông minh hơn tôi xác nhận hay phủ nhận điều này?

(tôi sẽ loại bỏ các khoảng thời gian từ thuộc tính id HTML để đơn giản hóa mọi thứ, nhưng nó là một id hệ thống tạo ra, vì vậy tôi không có khả năng để thay đổi nó trong trường hợp này.)

Answer 1

Classic. Ngay sau khi đào qua tất cả các thông số kỹ thuật viết câu hỏi, tôi đọc qua nó một số chi tiết và thấy có một nhân vật trốn thoát. Tôi chưa bao giờ cần nó trước đây, nhưng thông số CSS cho phép backslash (\) escaping giống như hầu hết các ngôn ngữ. Bạn biết gì?

Vì vậy, trong ví dụ của tôi, các quy tắc sau đây sẽ phù hợp:

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

Answer 2

Bạn cũng có thể sử dụng img [id = some.id]]

Thông tin thêm ở đây: http://www.w3.org/TR/selectors/#attribute-selectors