时间戳

首页 > 解决方案 > 没有从 JSP 内部连接到 CSS

css - 没有从 JSP 内部连接到 CSS

问题描述

我的 index.jsp 和 main.css 都在同一个目录下，它们都不在 WEB-INF 下。这是我的jsp代码

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link rel="stylesheet" type="text/css" href="main.css" />     
    </head>
    <body>

还有我的CSS。

*{
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 10px;
}
h1{
    color: #008060;   
}
textarea{
    font-size: 16px;  
    width: 100%;
    padding-left: 10px;
}
input[type="submit"]{
    padding: 10px;
    font-size: 18px;   
}
table{
    border: 1px solid black;
    padding: 10px;
    border-collapse: collapse;   
}
th , td{
    border: 1px solid black;
    padding: 5px;
}
.answer{
    border: 2px solid black;
    padding: 10px;
}
.main{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 10px;
}
@media only screen  and (max-width: 800px){
    .main{
        grid-template-columns: 1fr;
    }

}

当我将我的 css 代码放在样式标签代码中时，它可以完美地工作。但是当我把它放在 main.css 中并将它链接回来时，它并不能完全工作。只有颜色和字体有效。似乎它链接到另一个 main.css。但是当我看它只有一个并且我正在使用netbeans时。

标签： cssjspservlets

解决方案

您应该将链接从

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

至

<link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />

推荐阅读