时间戳

首页 > 解决方案 > 当我将 CSS 文件上传到我的网站时，网站忽略了我的 h3 标签的所有样式选项

html - 当我将 CSS 文件上传到我的网站时，网站忽略了我的 h3 标签的所有样式选项

问题描述

我的 CSS 文件在我上传时没有被读取。根本没有造型，只有某些部分。如果我在谷歌浏览器中打开开发者标签，只会出现一半的 CSS 代码。为什么我的网站是有选择性的而不是拾取所有代码？

在 Chrome 中打开开发者标签我只看到这个：

 body {
    background-color: #A9A9A9
    }

.ob {
  display: block;
}

#gamebox {
    position: static;
    width: 99.6%;
    height: 600px;
    display: flex;                  /* using a flexbox here */
    justify-content: center;
    align-items: center;
    }

如您所见，缺少一些项目...

我在这里使用以下代码创建了一个非常基本的子目录页面：

body {
  background-color: #A9A9A9
}

.ob {
  display: block;
}

#gamebox {
  display: table;
  margin: 0 auto;
}

#title {
  color: grey;
  letter-spacing: 2px;
  text-shadow: 3px 2px black;
  font-size: 2em;
}
<!DOCTYPE html>
<html>

<head>
  <link type="text/css" rel="stylesheet" href="webnamecurveball.css">

  <title>
    Website name - Curveball
  </title>
</head>

<body style="background-color: #A9A9A9">

  <h3 id="title" style="text-align: center"> Curveball </h3>

  <div id="gamebox">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="550" height="400">
    			<param name=movie value="curve-ball.swf">
    			<param name=quality value=high>
    			<param name="menu" value="false">
    			<embed src="curve-ball.swf" quality=high menu="false" 
    			pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" 
    			type="application/x-shockwave-flash" width="550" height="400"> </embed></object>
  </div>
</body>

我希望在页面顶部看到一个带有阴影的灰色标题。这就是我在本地打开文件时的显示方式。然而，在网站上，标题作为痛苦文本出现。

标签： htmlcssweb

解决方案

我现在有了这个问题的答案。正如上面韦恩所解释的，问题与积极缓存有关。最好的解决方案是每次发布更新时发布一个新的 css 文件。例如，从webnamecurveball.css我可以更新 css 文件并将其重命名为webnamecurveballUPDATE1.css

这对我有用。实际上，我已经编辑了旧文件并使用另存为重命名。重要的是要确保 html 文件考虑到这个新的更新，否则相应的页面将保持不变。

推荐阅读