跨不同域共享CSS样式表

我在两个不同的WordPress网站上工作，这两个网站在很多方面都很相似，但外观却不同

例如，假设我在两个“杂志”网站上工作，它们共享相同的CSS布局，例如网格系统、边距等，但CSS装饰属性不同，例如渐变、颜色、阴影

让他们共享相同的基本CSS布局，但不同的装饰CSS的最佳方式是什么

一开始我觉得

<link rel="stylesheet" type="text/css" media="all" href="LINK-TO-BASE-CSS-ON-PRIMARY-DOMAIN.css" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/style.css" /> <!-- This would be the 'top-up' CSS -->

尝试分离布局结构和模板，并从同一个域调用所有内容

<link rel="stylesheet" type="text/css" media="all" href="fileserverdomain/css/structure.css" />
<link rel="stylesheet" type="text/css" media="all" href="fileserverdomain/css/firsttamplatename.css" />



或



此解决方案的好处是，您可以额外提供切换模板：D
您建议的很好。我不确定是否有所谓“跨域加载”的优势，但在另一台服务器上托管样式表是一种非常常见的做法。另一个服务器称为CDN或内容交付网络。以下是有关CDN及其优势的一些信息：



另外，专业提示：如果你打算使用一个单独的域来托管你的文件，那么做一些。这很容易：

<link rel="dns-prefetch" href="//myexternalcdn.com" />

您可以使用此筛选器筛选出具有任何条件或备用输出href字符串的样式，例如：

add_filter( 'style_loader_src', function($href){
if(strpos($href, "name-of-allowed.css") !== false) {
return $href;
}
return false;
});

谢谢你的回答，但是从同一个域调用所有东西有什么好处吗？e、 g.速度？仅供参考，他们永远不可能需要将主题切换到其他主题，因为它们是独立的Magazines。这里有几个好处：速度-浏览器缓存来自同一域的文件，分离和性能-如果使用js的文件服务器，此域可能指向独立的文件服务器，css和图像可以在Web服务器上保存数据传输。加载跨域样式表的唯一缺点是，如果域关闭，样式表将无法加载，主要优点是它将被缓存，因此对于所有使用它的站点，它只需要加载一次。另一个优点是浏览器只允许每个域有有限数量的同时连接，因此将资源放在另一个域将允许您同时加载更多资源，从而使您的站点更快。另见这个问题：
add_filter( 'style_loader_src', function($href){
if(strpos($href, "name-of-allowed.css") !== false) {
return $href;
}
return false;
});