Селекторы в CSS & jQuery: просто класс / ID или тег также?

Работа с селекторами класса / идентификатора в CSS и в jQuery, я часто вижу два различных подхода:

1. Просто класс или ID:

CSS:

.foo{}

#bar{}

jQuery:

$(".foo")

$("#bar")

2. Класс или идентификатор с его тегом:

CSS:

div.foo{}

div#bar{}

jQuery:

$("div.foo")

$("div#bar")

Мой вопрос:

$("div.foo")

$("div#bar")

Мой вопрос: Забавьте использование тега, чтобы дополнительно Уточнить селектор, есть ли что-то не так, чтобы поместить тег с классом / ID ? Какой правильный синтаксис?

Я слышал, что некоторые говорят, что если тег не нужен для специфики, это мертвенно неправильно разместить его. В то время как другие говорят, что это не имеет значения, и фактически предпочитают его, поскольку он обеспечивает дополнительную информацию относительно селектора.

Что вы думаете?