Eclipse Web 应用程序项目。引入的 CSS 属性不起作用

Question

我创建了一个新的 Web 应用程序项目。但如果我编辑我的

war/Sandbox_Project.css

，

localhost:8080/Sandbox_Project

网页不会受到影响。例如，如果我添加一个新属性

body

和一些值，则没有效果。但如果我更改自动添加的示例属性，一切都会正常。

创建项目时自动添加。有效。

h1 {
    font-size: 2em;
    font-weight: bold;
    color: #777777;
    margin: 40px 0px 70px;
    text-align: center;
    background: fuchsia; // I added it
}

.sendButton {
    display: block;
    font-size: 16pt;
    font-style: italic; // I added it
} 

我添加了这个属性，但它不起作用。

body {
    background: green;
}

Answer 1

这里有一些你可以尝试的事情。

1. 清除缓存并重试。
2. 重命名您的 CSS 文件
3. ！重要的是可能值得一试。
4. 编辑您的 CSS 文件，然后确保更改位于链接到您页面的文件中
5. 创建一个新的 css 文件，将其链接起来然后重试。
6. 使用 chrome 开发工具查看发生了什么。

试试这个

body{
   background: #FF0 !important; // Just to see if it works.
}

#开发工具步骤

• 打开 Chrome 开发工具（我使用 F12）

• 右键单击主体并单击检查元素。
• 查看 css 面板，看看发生了什么。
• 如果背景颜色被划掉，则说明其他颜色覆盖了它
• 否则很可能是缓存问题。
• 重命名您的 css 文件。或者您可以将类似的内容添加到您的网址 /something.css?this=renameIngYourCSSFile

通过尝试所有这些，您应该了解发生了什么。

Answer 2

如果您正在使用 GWT 和 JBoss，我建议您使用 JBoss Tools 包中的插件 JBoss GWT Integration，它将帮助您创建一个正常的 Web 应用程序项目，但使用 GWT。

这里有有关如何制作的信息：使用 GWT + JBoss 创建项目

如果您不使用此插件，则必须将内容从 war 文件夹移动到 WebContent 文件夹才能使其在本地主机中工作，或者将 war 目录复制到服务器的 webapp 文件夹中。