обращение к блоку по class и id

[Trues]

Ребят такая тема есть два блока с одинаковым классом и разными id нужно к ним обратиться и допустим поменять у него css

<div class='one_class' id='20'></div>

<div class='one_class' id='45'></div>

$(тут как то описать класс и id).css('display','none');

нужно обратиться к первому диву

а еще такой вопрос я прочитал что нельзя использовать числовые id либо чтоб id начинался с цифр почему так? и чем это может грозить?
заранее большое спасибо всем кто откликнулся на это сообщение)) всем добра и позитива

[рони]

и чем это может грозить?

document.querySelector выдаст ошибку для таких id
$('.one_class:first').css('display','none');
или $('#20').css('display','none');

[Trues]

$('.one_class:first').css('display','none');
или $('#20').css('display','none');

Рони мне нужно обязательно пояснить что это класс 'one-class' и одновременно указать айди т.е. обратиться к ниму сразу по двум парматерам одновременно

document.querySelector выдаст ошибку для таких id

но ведь querySelector работает с классами или я что то не понимаю?

[laimas]

ID, это уникальное значение, не может быть двух одинаковых. Зачем же тогда нагружать поиск объекта еще и по классу? Это ведь бессмысленно по сути.

[kostyanet]

id может быть любым в том числе числом если пользоваться функцией document.getElementById() которая специально для того и написана. А если по css, то читайте рулезы сыы.

[ruslan_mart]

var elem = document.querySelector('.one_class[id="20"]');

[Trues]

да ребят забыл что id должен быть уникальным. здесь косячок) Руслан спасибо большое именно это мне и нужно))))

[laimas]

Не нужны обращения еще классы и именно потому, что id, это уникальный идентификатор. С классом, без него, все равно получите только один элемент.