最近在開發(fā)JSP頁面時，遇到了一個問題，就是CSS樣式在JSP頁面中失效了，經(jīng)過一番調(diào)試才解決了這個問題。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSP頁面</title>
<style>
/* 這里定義了一個樣式 */
.my-style {
color: red;
}
</style>
</head>
<body>
<%-- 在這里使用樣式 --%>
<p class="my-style">這是一段使用樣式的文字</p>
</body>
</html>上面是一個簡單的JSP頁面代碼，其中定義了一個樣式并在文本中使用了這個樣式，但是在瀏覽器中打開這個JSP頁面時，發(fā)現(xiàn)樣式并沒有生效。
經(jīng)過排查，發(fā)現(xiàn)問題出在JSP頁面的編碼問題上。在JSP頁面中使用了中文時，需要注意編碼，否則就會導(dǎo)致CSS樣式失效。
解決方法很簡單，只需要在JSP頁面中添加以下代碼即可：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
在上面的代碼中，設(shè)置了頁面的編碼為UTF-8，這樣就可以正常使用中文和CSS樣式了。
如果你也遇到了類似的問題，可以參考上述方法進行排查和處理。
上一篇jsp js修改css
下一篇mysql5.6編碼改不