我是否应该为了自定义css的目的而"命名我的页面"？

Question

在CSS中,我应该在顶层命名我的页面 - 像这样:

<div class="page_products">

为了编写特定于该页面的css,如下所示:

.page_products h3 {
   font-color: red;
}

注意:这是一个完全随机的,可能没有用的样式覆盖.H3是第一个进入我脑海的东西.我只想描述一下这种做法.

我已经看到了一些描述这种练习的地方 - 包括我其中一篇文章的一个答案,我觉得它太可怕了.我宁愿覆盖<style>页面顶部的标签或创建第二个.css文件(不太可能).但是,如果我以另一种方式看待它,它非常吸引人,我很想使用它.

别人怎么看待这种做法.它对我来说看起来很难维护.有哪些优点或陷阱？

补充一点:我也可能正在尝试编写一个特定于"iPhone"版本的.css文件 - 并且有点担心多个css文件可能会变得非常笨拙而无法管理.

Answer 1

我找到了body一个类似于你的例子的ID或类属性,而不是拥有一堆一次性CSS文件,每个文件中包含1或2个规则.最终,实用主义应该获胜.简单性意味着不同规模的不同事物 - 如果每页都有大量的CSS更改,那么维护不同的CSS文件并交换include语句会突然变得更加简单.但只有少数规则,可能只有少数边缘案例页面,更容易在主样式表中包含所有规则.