是否有次要的CSS样式表是一个坏主意？

所以我正在开发一个web项目，一切看起来不错，我们定义了一堆视觉元素并将它们模块化为单独的scss文件。因此，在构建页面时，我们只需导入要使用的元素并将它们缝合在一起。是否有次要的CSS样式表是一个坏主意？

问题是，不同的页面可能会使用相同的元素，但它们的布局可能会有所不同。一个页面上的同一个按钮可能向左浮动，而在另一个页面上则可能向右浮动。一页上的相同模块可能有30px的页边空白，而另一页上的页边空白页边距则为50px。

我认为有一个辅助样式表，其中包含每页的一些微量的布局代码，这个文件是页面特定的。当然客户现在必须下载另一项资产，但它只是几行CSS。

但这是一个坏主意吗？多么糟糕？如果确实是邪恶的，那么解决这个问题的更好方法是什么？

2013-10-24 Xavier_Ex

每一页这就是为什么声明相关的类它接受有多个CSS文件来组织，但尽量保持尽可能简单。在这种情况下，似乎很适合拥有这两个文件。 – Tony

很多次的网站<body>标签上会有像一类...

<body class="about"> <!-- for the about page -->

或

<body class="home"> <!-- for the homepage -->

等。你可以做这样的事情的目标是在个人网页：

.button-upload { 
    float: left; /* It's floated left most the time */ 
} 

.about .button-upload { 
    float: right; /* Not on the about page, though! */ 
}

来源

2013-10-24 20:05:19

好吧，但是那么我的样式表就不会随着未使用的样式而膨胀？ –

如果确实存在膨胀的吨，但如果你有大量的膨胀，你做错了什么。这样做可以让事情变得简单，并且减少HTTP请求。另外，你使用的是CMS吗？是否容易告诉CMS“为这个，这个和这个页面，而不是这个页面加载这个额外的样式表”？如果你缩小你的CSS最膨胀不会有很大的不同。 –

有道理，并且大多让我想起twitter bootstrap是如何做到的。我不是bootstrap的忠实粉丝，所以也许我不应该为了语义而定义一堆实用布局类。如果他们只是css文件的一小部分，那么你是对的，但不管怎么说，它们都不会产生巨大的影响，至少不会像另一个http请求那样糟糕。 –

，这就是为什么我们在CSS类，所以你可以单独样式类，并在必要

来源

2013-10-24 20:06:36 yossico

是否有次要的CSS样式表是一个坏主意？

回答

相关问题