1

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

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

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

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

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

我怎样才能做到这一点？

4

3 回答 3

4

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

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

请注意，我已将 替换为.a_以使其在 CSS 中可访问 - 否则您必须求助于类似的东西[id='sectionTitle.experience']而不是#sectionTitle_experience.

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

[id^='sectionTitle.'] { /* styles here */ }
于 2013-03-07T03:30:54.300 回答
2

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

另外，我“认为”您的 ID 名称中不能有 a .，但我可能错了。

你想要的是：

<div id="experience" class="sectionTitle">Experience</div>
于 2013-03-07T03:31:15.403 回答
1

创建一个 css 类 .sectionTitle 并将您想要的样式放入其中。将此类传递给每个包含标题文本的 div。因此，您可以对具有不同 id 的标题具有相同的样式。

于 2013-03-07T03:36:43.900 回答