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

Question

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

在我的文档中，我有使用命名结构[category]。[specificID]命名的div，它们都应该受[category] ​​CSS定义的约束。 E.g。

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

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

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

我该怎么做？

Answer 1

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

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

请注意，我已将.替换为_以使其可在CSS中访问 - 否则您必须使用[id='sectionTitle.experience']而不是#sectionTitle_experience。

编辑：话虽这么说，如果你想要一个快速和肮脏的修复，试试这个CSS：

[id^='sectionTitle.'] { /* styles here */ }

Answer 2

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

另外，我“认为”你的身份证号码中不能有.，但我可能错了。

你想要的是：

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

Answer 3

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