css - 扩展 CSS 样式表?

标签 css inheritance stylesheet multiple-domains

一个有趣的问题,但也许它已经被解决了。我有一组适用于多个域的 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/

相关文章:

javascript - 如何在悬停到任何链接时显示/隐藏 div

javascript - 宽页面固定导航中的 Bootstrap 弹出窗口

java - 如何处理父类(super class)构造函数中的所有子类成员?

html - 关于绝对位置的 CSS

php - CSS - 代码生成器问题

html - 相同的字体在运行相同操作系统版本和浏览器版本的两台 Mac 上呈现不同

java - 如何将库中的值连接为默认值并在应用程序显式定义属性后覆盖它

Java抽象类和泛型

qt - 是否可以在 Qt Creator 中将 Qt 样式表与提升的小部件一起使用?

html - 我的图标没有向右浮动