Как обрабатывать тег id с помощью '.' в CSS

Моя проблема в том, что у меня нет HTML-кода для изменения идентификатора, чтобы удалить '.'...

Можно ли обрабатывать такие идентификаторы, скажем:

<td id='my.id'>

В файле CSS сделать что-то вроде:

#[my.id]{ ... }

Я знаю, что это не работает (это более широкий подход), но мне интересно, есть ли для этого синтаксис в CSS?


person Bjorkson    schedule 02.03.2011    source источник
comment
Кто бы ни написал, что CSS нужно дать пощечину.   -  person dmackerman    schedule 02.03.2011
comment
вы можете принять ответ, который сработал для вас. (Щелкните галочку рядом с вопросом)   -  person Nivas    schedule 02.03.2011
comment
@Nivas, мне почему-то нужно подождать 2 минуты ..... я буду в тот момент, когда смогу :)   -  person Bjorkson    schedule 02.03.2011


Ответы (5)


Попробуйте #my\.id это CSS.

Я не уверен, работает ли он во всех браузерах. Я бы рекомендовал избегать точек в идентификаторах

person Nikoloff    schedule 02.03.2011

Используйте «\» для экранирования специальных символов.

Для

        <div id="id.id">Red Color</div>

Использовать

        #id\.id
        {
            color: red;
        }

Этот вопрос, возможно, связан.

person Nivas    schedule 02.03.2011

Это, как ни удивительно, работает. Я тестировал это только в Chrome.

<style>
#my\.id {
 color:red;
} 
</style>
person Ryan Miller    schedule 02.03.2011

Перед точкой используйте обратную косую черту:

#my\.id
{
    color: red;
    border: 1px dashed #f00;
}

Пример здесь для вас :)

person Kyle    schedule 02.03.2011

Насколько я знаю, нельзя использовать DOT в селекторе :)

person Walialu    schedule 02.03.2011
comment
это очень разрешено в соответствии со спецификациями html: токены ID и NAME должны начинаться с буквы ([A-Za-z]) и могут сопровождаться любым количеством букв, цифр ([0-9]), дефисами ( -), подчеркивания (_), двоеточия (:) и точки (.). - person Martin Jespersen; 02.03.2011