Javascript div id命名结构和对CSS类的引用

我很抱歉，因为这是一个基本的问题，我是CSS新手，但我需要尽快完成一些事情，所以我希望得到一个浓缩咖啡的答案

在我的文档中，我想使用命名结构[category].[specificID]命名div，它们都应该服从[category]CSS定义。例如

<div id="sectionTitle.experience">Experience</div>
...

<div id="sectionTitle.education">education</div>

体验
...
教育

我希望最终的ID是不同的，因为我希望能够灵活地进行单独的JS处理。但是每个sectionTitle的格式应该是相同的，因此是相同的CSS类

---

我如何才能做到这一点？

您可以使用ID和类。例如：

<div id="sectionTitle_experience" class="sectionTitle">Experience</div>

---

您可以使用ID和类。例如：

<div id="sectionTitle_experience" class="sectionTitle">Experience</div>

---

首先，您的ID必须是唯一的，才能具有有效的HTML。两个元素不能共享相同的ID，但它们可以共享相同的类名

此外，我“认为”您的ID名中不能有

，但我可能错了

你想要的是：

<div id="experience" class="sectionTitle">Experience</div>

体验

首先，您的ID必须是唯一的，才能具有有效的HTML。两个元素不能共享相同的ID，但它们可以共享相同的类名

此外，我“认为”您的ID名中不能有

，但我可能错了

你想要的是：

<div id="experience" class="sectionTitle">Experience</div>

体验

创建一个css类。sectionTitle，并将所需样式放入其中。将该类传递给每个包含标题文本的div。因此，您可以为具有不同ID的标题使用相同的样式。

创建一个css类。sectionTitle并将所需的样式放入其中。将该类传递给每个包含标题文本的div。因此，您可以使用不同ID的标题具有相同的样式