在 CSS（层叠样式表）中，id 和 class 是两个非常常见的属性。它们都可以用来指定 HTML 元素的样式，但是它们有一些不同的特点。

#id {
/* CSS 样式规则 */
}
.class {
/* CSS 样式规则 */
}

id 属性用于指定页面中唯一的元素。在 HTML 中，id 属性的值必须是唯一的，不能在页面中重复使用。在 CSS 中，我们可以使用 # 符号来标识 id 属性。

<div id="main">
<p>这是主要的内容。</p>
</div>
#main {
background-color: #eee;
border: 1px solid #ccc;
padding: 10px;
}

class 属性用于指定多个元素的样式。在 HTML 中，class 属性不是唯一的，可以重复使用。在 CSS 中，我们可以使用 . 符号来标识 class 属性。

<p class="warning">这是一个警告。</p>
<p class="warning">这也是一个警告。</p>
.warning {
color: red;
font-weight: bold;
}

鉴于 id 属性必须唯一，应该仅在特定情况下使用它，例如页面标题或主要内容。class 属性则适用于需要对多个元素应用相同样式的情况，例如警告或列表项。