你怎么称呼 input class="gLFyf" vs input.gLFyF需要词汇帮助

如何解决你怎么称呼 input class="gLFyf" vs input.gLFyF需要词汇帮助

在 Chrome DevTools 中，元素选项卡显示构建的 DOM，我可以单击 DOM 中的元素，这也会突出显示页面上的元素。 Image of both versions shown in DevTools

如果 DOM 显示：

<input class="gLFyf">

然后页面高亮显示：

input.gLFyF

我意识到这是写同一件事的两种方式，我也意识到前者是 HTML 样式，后者遵循 CSS 约定。但是，我缺乏正确引用的词汇。

我如何称呼每种格式？

例如。将 <input class="gLFyf"> 称为 HTML 语法并将 input.gLFyF 称为 CSS 语法是否有意义？是否有更广泛接受的方法来区分和命名它们？

解决方法

TITLE 是类的名称，它是一个属性，可以在样式表中引用以将样式与页面上该类的元素进行匹配。

类以句点 (.) 开头 - 而 ID 以散列 (#) 开头。

所以 gLFyf 是一个类。

而 .gLFyf 将是一个 ID。

它是一个类，无论是查看 HTML 标记还是 DOM 检查器。他们都指的是你已经陈述过的同一件事。

This may be of some use/reference。