id 和 class 可以与 html 元素同名吗?

利马基德

CSS 允许我拥有一个名为“.header”的类,以及“.main”、“.footer”、“.aside”等等......对于 ID 也是如此。理论上,我可以有 3 个名称几乎“相同”的选择器,例如“article”、“.article”和“#article”。我可以对所有元素做同样的事情,包括,为什么不,一个名为“.html”的类和一个名为“#body”的 ID,等等。

对我来说,如果我看到 DOT,我知道那是一个类,如果我看到 HASH,我知道那是一个 ID,所以对我来说没有混淆,但它是否违反命名约定?

苏扬·桑达雷斯瓦兰

是的,你绝对可以。如果您是该项目的唯一工作人员,并且这对您来说很直观,请继续进行,没有问题。

但是当与一个更大的团队一起工作时,使用本质上更具描述性的 id 和类通常是有意义的。例如,在浏览样式表时,.left-primary-sidebar它会告诉我更多关于元素的信息,而不是类似的东西。.aside

您的命名选择绝对有效

命名约定可能因公司而异,因此如果您是唯一一个在 repo 上工作的人,您可以设置自己的约定。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

html元素可以有多个ID吗?

元素可以同时具有ID和属性吗?

HTML ID和CLASS命名最佳做法

如果多个不同的HTML元素是不同的元素,它们可以具有相同的ID吗?

jQuery:当我有多个具有相同名称但唯一 id 的元素时,我可以按名称选择一个元素并读取它的 id 吗?

JavaScript 父类和子类可以有同名的方法吗?

您可以在HTML <button>标记中包装诸如<label>和<input>之类的表单元素吗?

两个HTML元素可以具有相同的ID,但可以在不同的类中吗?

在html表中创建没有id和class的行

你应该以什么顺序为同一个 HTML 元素声明“id”和“class”,为什么?

将 javascript 变量与 html ID 同名是不好的做法吗?

React Javascript Arrow和Class可以包装吗?

我可以区分Slack显示名称和Slack ID吗?

可以在HTML中显示一些ID吗?

我可以连接HTML dom元素吗

@HostListener 可以返回 HTML 元素吗?

我可以给这个html元素赋值吗

js:我可以为作为变量定义一部分的html元素分配类或ID吗?

Chrome和Firefox可以修复我的HTML标签吗?

Webpack可以从SCSS和Pug构建多个HTML文件吗?

<Section> 和 <div> 在 html 中可以互换使用吗?

Capybara::Poltergeist::InvalidSelector 在具有 id 和 class 的元素上

如何删除带有 id 和 class 的元素

定位一个没有 id 和 class 的元素

是否可以将不同的 CSS 属性应用于没有 id 和 class 的标签?

是否可以使用javascript添加类?div中没有id和class

我可以定义自己的自定义HTML元素以与CSS和JS一起使用吗?

HTML / CSS:关于<div id>和<div class>和包装器

我可以以编程方式在 R.id id 和片段的类之间进行转换吗?