如何用更短的方式编写这个CSS？看例子

Question

如果出现这种情况。

p{margin-bottom:5px}
#top-textContainer p {margin-bottom:10px}

有没有办法以更短的方式写这个，或者没有其他选择

#board-committees #top-textContainer p, 
#corporate-governance #top-textContainer p,
#corporate #top-textContainer p,
#about-us #top-textContainer p,
#contact us #top-textContainer p{margin-bottom:15px}

任何人都可以建议我更好的问题标题并改进我的问题吗？

Answer 1

将您提到的每个元素（margin-bottom，p等）的#top-textContainer设置为5px？因此，边际累积到您需要的值。

Answer 2

您在初始帖子中未提及的是，由于您使用的是CMS，因此您无法控制HTML源文件，只能控制您的CSS。

您还不清楚自己的目标是什么，从150页开始，您希望其中一些页面的页边距为15px，但所有其他页面的页数为10px。

上述条件下的答案：

不，没有办法缩短CSS代码。如果没有为您的HTML添加特定的类标签，那么就没有其他方法可以区分您想要15px的页面，您想要10px的页面，以及您已经完成的页面。

此规则的例外情况：

1. 如果你想要不同页边距的页面有一些其他特定的特性，可以在CSS中选择，你可以根据它选择并缩短CSS代码。例如，如果 P 后面始终跟着 BR ，或者是 UL 的一部分。但由于我没有你的来源，我不知道是否有可能。
2. 如果您的CMS可以将自定义类标记添加到您选择的页面或元素中，则可以根据特定类标记的出现来优化CSS。但由于我不知道您的CMS，我也不知道是否可能。