php - Jquery 和 CSS 切换——这可能吗？

Question

我使用 PHP 构建了一个 css 文件，它允许我轻松地自定义许多元素的颜色。我是否可以使用 Jquery“重建”样式表并将其应用于 DOM 中的页面？

例如。

<?php
if (isset($_POST['mycolor'])){
$myColor = $_POST['mycolor'];
} else {
$myColor = "blue";
}
?>

<style type='text/css'>
    .style1{
    color:<?php $myColor;?>;
    }
</style>

现在在我的页面上有一个链接，您可以单击“将颜色更改为红色”，当您单击“红色”时，它会向我的 php 脚本执行 $.post，它会重建包括 .style1 在内的 css - 并允许更改样式表的页面。

我还没有测试过这个，但它真的有用吗？如果我在将帖子发送到 dom 后回显新样式表...它会应用于页面吗？

Answer 1

如果你的整个样式表都是由 php 生成的，你可以这样做:

function newCSS(params){
  $("link[href*=myStyles.php]:last").after('<link href="myStyles.php?'+ params +'" type="text/css" rel="Stylesheet" />');
  $("link[href*=myStyles.php]:first").remove();
}

这会将头部中的链接替换为新链接...新样式将在加载后生效。