一个有趣的问题,但也许它已经被解决了。我有一组适用于多个域的 CSS 样式表。按照它的架构方式,两个域共享相同的 CSS 文件并向样式表添加它们自己的定义和规则。我们的系统是这样的,只要开发人员对属于特定域的 CSS 文件进行更改,那么同样的更改也需要在另一个域的样式表中完成。
例如,如果我有两个域:Main、SubMain。这两者共享一个名为 global.css 的样式表,并且在 SubMain 域上工作的开发人员通过添加新规则来更改此样式表。为确保 Main 域中的内容不会中断,开发人员需要继续将相同的规则添加到 global.css 到主域的 global.css 样式表中。
为什么这没有相同的共享位置超出了我的理解,因为这是一个共享的工程元素。我的理解是,原因是要立即应用更改,不幸的是,唯一的选择是在所有域中使用相同的样式表 + 目录结构。 但是这个问题确实存在,而且开销很大。无论如何扩展 CSS 样式表,以便可以将特定于域的 CSS 添加到扩展样式表中。
如果不能,可以提出什么其他的解决方案?
最佳答案
如果您在两个地方有相同的代码,为什么要有两个文件(这也适用于编码 - 方法或变量或其他)?如果您使用的不止于此,请将它放在一个地方并在其他地方引用它。
您需要做的是拥有 Main
网站指向 CSS
的本地副本文件(像这样):
<link rel=stylesheet type=text/css href="/global.css">
... 然后在 SubMain
上网站,请在标题中包含指向 Main
的链接网站的 CSS 文件(像这样):
<link rel=stylesheet type=text/css href="http://mainwebsite.com/css/global.css">
要解决您的问题,请只在一个域(Main
一个)上放置可编辑的 CSS 文件,然后在另一个 (SubMain
) 网站上使用绝对 URL 链接到它们。
关于css - 扩展 CSS 样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16311006/