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

Question

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

在我的文档中，我有一些 div，我想使用命名结构 [category].[specificID] 来命名它们，它们都应该遵循 [category] ​​CSS 定义。例如

<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 */ }