Question

我最近将一个CSS文件更新到网上，稍作修改，以制作某个文字blue而不是red：

p.melding{
    font-weight: bold;
    color: blue; /*red earlier*/
}

该文件已在线更新，但更改未在线显示（我对CSS脚本所做的任何其他更改）。当我查看Firefox中的Web开发人员工具中的样式编辑器时，它会显示red。（当我在该编辑器中更改它时，它会变为蓝色。）

样式表似乎一般都有用，因此不应该是代码的问题。以下是我的 html / php 文件的相关部分。虽然这是由其他人（专业人士）写的，之前没有问题，所以我认为问题出在其他地方。

样式表的链接：

  <head>
    <title>...</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" href="stil.css" type="text/css" media="screen" />
  </head>

和有关课程的php代码：

<?php
  if (isset($melding)) {
    echo "            <p class=\"melding\">$melding</p>\n";
  }
?>

我的CSS文件更改未在线显示的任何想法？

Answer 1

试试这个，我希望它适合你：

p.melding{
   font-weight: bold !important;
   color: blue !important; 
}

通常情况下，如果您的CSS再次被覆盖，可能会被其他文件覆盖。

关于using !important.

的几点说明

希望它可以帮助你!!

Answer 2

问题是该页面尚未缓存。做Ctrl+F5（在网络浏览器中）解决了它。

缓存取决于浏览器和服务器，因此在更新CSS文件时，如果这是一个问题，它会有所不同。

Answer 3

尝试使用以下

<?php
  if (isset($melding)) {
  echo "            <p class='melding'>$melding</p>\n";
  }
?>

如果不起作用，请清除浏览器缓存并重新启动浏览器。

CSS样式不在Web浏览器中更新

3 个答案: