document.querySelector Что делает "*"?

Question

Я видел пример, который выглядел так:

document.querySelector('#webchat > *').focus();

Я знаю, что он делает (устанавливает фокус на почтовый ящик веб-чата), но я не понимаю, что означает "*". Я знаю, что #webchat - «родитель».

Я реализую весь веб-чат с помощью внешнего javascript, поэтому я ничего не кодировал в DOM. Идентификатор sendbox - «webchat-sendbox-input», поэтому ничего с «*».

Вот как выглядит DOM:

Answer 1

См. спецификацию :

Универсальный селектор, записанный как CSS квалифицированное имя [CSS3NAMESPACE] со звездочкой (* U + 002A) в качестве локального имени , представляет полное имя любого типа элемента. Он представляет любой отдельный элемент в дереве документа в любом пространстве имен (включая элементы без пространства имен), если для селекторов не было задано пространство имен по умолчанию. Если задано пространство имен по умолчанию, см. Ниже Универсальный селектор и Пространства имен.

или MDN :

Универсальный селектор CSS (* ) соответствует элементам любого типа.

/* Selects all elements */
* {
  color: green;
}

или даже W3Schools (что позволяет правильно охватить основы для документов без пространств имен):

Выберите все элементы и установите их цвет фона на желтый:

* {
    background-color: yellow;
}