从外部文件和不同的类添加新的 CSS 样式答案

【问题标题】：Add new CSS style from an external file and different class从外部文件和不同的类添加新的 CSS 样式
【发布时间】：2013-01-02 09:08:54
【问题描述】：

我有一个名为 index.php 的页面

<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
...
<body>
<div class="my_class"></div>
...
</body>
</html>

在mystyle.css 中没有.my_class 的声明我有另一个名为 external_style.css 的文件，其中也没有 .my_class 的声明，但有一个名为 .new_class 的类

无法导入或附加 external_style.css - 因为它会覆盖其他元素。

我的问题是：如何在不导入文件的情况下将 .new_class 的属性从 external_style.css 获取到 .my_class 中。有没有办法使用 php 读取该文件？还有更好的解决方案吗？

【问题讨论】：

为什么不在本地打开文件，或者用开发者工具在浏览器中查看，然后从 external_style.css 中复制 .new_class 并移动到 mystyle.css 中？
您可能会遇到此问题，因为您没有遵循 HTML/CSS 的最佳实践。
什么意思：.my_class 也没有声明，但是有一个名为 .new_class 的类
您是否有理由不将 .new_class 添加到 mystyle.css 中
您可以加载任意数量的样式表。但如果您在多个工作表中有类/ID 定义，则“后”工作表将覆盖较早工作表。

【解决方案1】：

您可以做几件事来实现您想要完成的目标

将自定义布局数据移动到数据库：不是为每个用户创建自定义文件，而是将用户自定义 css 信息存储在用户的数据库记录中。

您可以轻松识别用户并使用 javascript 更新 CSS。
更多可缩放样式表：如果导入 external_style.css 会影响全局布局，您应该重新审视您在页面上识别元素的方式，以免发生这种情况。然后您可以简单地导入用户自定义样式表。
尝试在 Classes 之外使用 ID，以及在 Divs 中包装内容部分。使用这些标识符确保导入 external_style.css 不会覆盖所有内容。

【讨论】：

【解决方案2】：

如果.my_class 不存在于 mystyles.css 中，您是否可以不只是从 external_style.css 中的.new_class 获取您的代码并创建一个.my_class在 mystyles.css 中？还是我错过了重点？

【讨论】：

好吧，即使我在 mystyle.css 中创建 .my_class 我也无法每次都从 external_style.css 加载属性。整个事情都在一个有多个用户的运行平台上。每个用户都在为 .new_class 创建自己的样式。我只想在打开每个帐户时将 .new_class 属性添加到 .my_class 中。

【解决方案3】：

您可能想研究使用带有 CSS 标头的 PHP 文件。这篇文章应该可以帮助您入门：http://sperling.com/examples/pcss/

【讨论】：