Question

我的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代码放在样式标签Code中时，它可以完美地工作。但是当我将它放在main.css中并链接回它时，它并不能完全正常工作。仅颜色和字体有效。似乎它链接到另一个main.css。但是当我只看到它一个而我正在使用netbeans。

Answer 1

您应该更改链接

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

到

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

<link />没有从JSP内部连接到CSS

1 个答案: