问题描述
在 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 检查器。他们都指的是你已经陈述过的同一件事。