如果您对如何在样式表 (CSS) 中使用 class 属性和 id 属性感到困惑怎么办？

你好，这是 naouniverse ( @naouniverse708 )。

我们最近将 CMS 从 Movable Type 迁移到了 WordPress。
为此，我们从头开始重新构建了页面设计。

当时我对如何使用样式表（CSS）的class属性和id属性感到困惑，所以我将Google-sensei教我的内容留下作为备忘录。

示例
■HTML：

<p class="kurasu">使用类的示例</p><p id="aidhii">使用 id 的示例</p>

■样式表：

p.kurasu { 颜色：红色 } p#aidhii { 颜色：红色 }

以上在浏览器上的显示效果是一样的。
那我该怎么用呢...

• ■ 类：指定类型名称
  → 同一类名称可以在一个页面中多次使用
• ■id：分配唯一的名称
  →相同的ID名称只能在一个页面中使用一次

作为如何使用 id 属性的示例，在使用 div 元素配置页面时，

• 标题：
  
  ~
• 侧边栏：
  
  ~
• 主要：
  
  ~
• 页脚：
  
  ~

使用 google-code-prettify 防止程序（源代码）超出显示区域

相反，class 属性用于描述在单个页面上多次出现的设计。

我想根据目的适当地使用它。