【问题标题】:my css for each page is not being altered when i change it but when i delete the link to it then it effects it当我更改它时,我的每个页面的 css 都没有被更改,但是当我删除它的链接时,它会影响它
【发布时间】:2020-10-04 22:35:17
【问题描述】:

我使用 PHP require 函数将我的页眉和页脚 style.css 链接到我的所有其他页面,但是其他页面也有自己特定的 CSS 文件,但是当我对它们进行更改时,它没有效果,但是我知道正在提供页面上的样式,因为它们是唯一具有该特定样式的页面,并且只有在我删除指向它们的 CSS 链接时才会删除它。关于为什么会这样的任何建议?我想向这些页面添加 CSS,但不受影响。

<?php
  require_once "../addons/header.php";
?>

<link rel="stylesheet" href="Messages-inbox.css" type="text/css"/>

我对标题 CSS 使用了 require,然后页面的 html 链接使用了自己独特的 CSS,但我注意到我对每个 CSS 文件所做的更改只有在每次更改后重命名文件时才会发生,不知道为什么会这样

.secondarynavi

    gation-messages a:hover {
      color: #fd886b;
      border: 1px solid #fd886b;
      font-weight: bold;
    }
    
    
    .secondarynavigation-messages a:hover::before {
      width: 100%;
    }
    
    .secondarynav-messages ::after {
      content: "";
      display: table;
      clear: both;
    }
    
    .secondarynavigation-messages a::before {
        content: "";
        display: block;
        height: 5px;
        background-color: #fd886b;
        position: relative;
        top: 40px;
        width: 0%;
        transition: all ease-in-out 250ms;
    }
    
    .messages-nav-line {
        width: 100%;
        background-color: #e6e6e1;
        padding: 1px 0px;
        position: relative;
        z-index: -1;
        top: 10px;
      }

这是我正在处理的页面的 CSS,如果我从页面中删除此 CSS,它不会对网页做任何事情,只有在我删除指向此 CSS 的链接时才会出现效果,但这是只有具有此特定 CSS 的页面

【问题讨论】:

  • 您是否至少有一个最小的生殖密码?当我们可以看到你实际做了什么时,它更容易理解。但是,听起来您选择了一个非常复杂的解决方案。为什么首先要使用多个 CSS 文件。您可以将一个 css 文件中的页眉和页脚设置为其他所有内容的样式。如果您想在多个页面使用相同的页眉和页脚,请使用 PHP 模板 &lt;?php include (path); ?&gt;
  • 这就是我所做的,但我使用 require 而不是 include
  • 在这种情况下,您应该只有一个 css 文件,即主页上的那个。寺庙本身不能有不同的 css 文件。 include/require 将模板中的代码注入到它自己的页面服务器端。意味着将使用页面的头部而不是模板(事实上,模板甚至不应该有头部或主体)
  • 您的 css 正在被缓存,您唯一需要使用 unix 时间戳或随机数制作 css 的版本
  • 喜欢这样?不知道怎么做,我不明白为什么?

标签: php html css


【解决方案1】:

作为一个选项,您可以通过添加带有随机数的查询字符串来防止您的 css 文件被缓存。

在调用 css 文件的地方尝试这样的方式

<link rel="stylesheet" href="Messages-inbox.css?ver=<?php echo(mt_rand(1,500));?>" />

【讨论】:

    猜你喜欢
    • 2015-03-15
    • 2015-07-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多