Question

我正在编辑网站上的模块以进行活动注册。它有一个控制表单的CSS条目。该条目只是

#component .component_form input {border:1px solid #ccc; padding:3px;}

我需要做的是分组表单元素并将它们中的一些单独设置。因此，您可以想象一个包含联系信息，工作信息等部分的表单。在表单中，这些部分将是块，其中块的顶部将具有部分标题，然后每个元素将具有由类，但也有一些元素必须与类中的其他元素不同。从概念上讲，我认为这将涉及创建类和ID。也许是这样的？

  #component .component_form .contact_info input {properties}
  #component .component_form .contact_info #firstname input {properties}

等

我是在正确的轨道上吗？

那我会做这样的事吗？

<div class = "contact_info">
<input class = "contact_info" id = "firstname"...></input>
<input class = "contact_info" ...></input>
...
</div>

让我对CSS感到困惑的是，当你拥有这些现有的级联关系，并知道如何正确创建新的类/ ID并将它们放入现有的级联中，然后在html中正确选择它们。

虽然我知道人们说的是单独的风格和内容，但我想让CSS为每个组指定标题（联系信息等）。也许做这样的事情？

#component .component_form .contact_info div:before {
  content: "Contact Info";
}

你怎么看？我想像专业人士那样做这个！

谢谢，布赖恩

Answer 1

添加更多详情。显示结构会占用很多空间，但是我可以在编辑时看到这个表单：

你可以看到我对大量现有类ID的意思。我注意到以下内容：允许我设置单个元素的样式：

input#field {width:50px}

#field已由我正在编辑的事件注册组件定义。所以我想这是一个关于如何定义注册表单组的类，然后选择类/现有ID的问题。