java 管理日報システム　役職別でcssを変更する方法

コード
```初めての質問です。
下記のjspとcssに役職別に
ヘッダーの色を変更したいのですがどのようにしたらいいでしょうか？

画像のヘッダー部分「日報管理システム〜〜〜　○○様　ログアウト」の部分の色を変更したいと思っております。
[ブラウザ画像](https://i.gyazo.com/d1f40d29715509d1ffde517ac0c56b6e.png)

```jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>日報管理システム</title>
        <link rel="stylesheet" href="<c:url value='/css/reset.css' />">
        <link rel="stylesheet" href="<c:url value='/css/style.css' />">
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <div id="header_menu">
                    <h1><a href="<c:url value='/' />">日報管理システム</a></h1>&nbsp;&nbsp;&nbsp;
                    <c:if test="${sessionScope.login_employee != null}">
                        <c:if test="${sessionScope.login_employee.admin_flag == 1}">
                            <a href="<c:url value='/employees/index' />">従業員管理</a>&nbsp;
                        </c:if>
                        <a href="<c:url value='/reports/index' />">日報管理</a>&nbsp;
                    </c:if>
                </div>
                <c:if test="${sessionScope.login_employee != null}">
                    <div id="employee_name">
                        <c:out value="${sessionScope.login_employee.name}" />&nbsp;さん&nbsp;&nbsp;&nbsp;
                        <a href="<c:url value='/logout' />">ログアウト</a>
                    </div>
                </c:if>
            </div>
            <div id="content">
                ${param.content}
            </div>
            <div id="footer">
                by Taro Kirameki.
            </div>
        </div>
    </body>
</html>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

css
1@CHARSET "UTF-8";
2body {
3    color: #333333;
4    font-family: "Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",Helvetica,Arial,sans-serif;
5}
6
7#header {
8    width: 100%;
9    height: 70px;
10    background-color: #333333;
11}
12
13#content {
14    width: 94%;
15    margin-top: 15px;
16    padding-left: 3%;
17}
18
19h1 {
20    font-size: 24px;
21    display: inline;
22}
23
24h2 {
25    font-size: 36px;
26    margin-bottom: 15px;
27}
28
29li {
30    margin-top: 10px;
31    margin-bottom: 10px;
32}
33
34p {
35    margin-top: 15px;
36    margin-bottom: 15px;
37}
38
39a {
40    text-decoration: none;
41    color: #24738e;
42}
43
44table, tr, th, td {
45    border: 1px solid #cccccc;
46}
47
48table {
49    width: 100%;
50    table-layout: fixed;
51}
52
53th {
54    width: 26%;
55    padding: 10px 2%;
56}
57
58td {
59    width: 66%;
60    padding: 10px 2%;
61}
62
63button {
64    font-size: 14px;
65    padding: 5px 10px;
66}
67
68#footer {
69    text-align: center;
70    #flush_success {
71    width: 100%;
72    padding-top: 28px;
73    padding-left: 2%;
74    padding-bottom: 28px;
75    margin-bottom: 15px;
76    color: #155724;
77    background-color: #d4edda;
78}
79}
80#flush_error {
81    width: 100%;
82    padding-top: 28px;
83    padding-left: 2%;
84    padding-bottom: 28px;
85    margin-bottom: 15px;
86    color: #721c24;
87    background-color: #f8d7da;
88}
89table#employee_list th {
90    width: 30%;
91    padding: 10px 2%;
92}
93
94table#employee_list td {
95    width: 29%;
96    padding: 10px 2%;
97}
98
99tr.row1 {
100        background-color: #f2f2f2;
101}
102tr.row0 {
103        background-color: #ffffff;
104}
105select {
106    height: 30px;
107}
108#header_menu {
109    width: 57%;
110    padding-top: 17px;
111    padding-left: 3%;
112    display: inline-block;
113}
114
115#employee_name {
116    color: #cccccc;
117    width: 36%;
118    padding-right: 3%;
119    text-align: right;
120    display: inline-block;
121}
122
123#header a {
124    color: #eeeeee;
125}
126
127h1 a {
128    color: #eeeeee;
129}
130table#report_list th {
131    font-weight: bold;
132    padding: 10px 2%;
133}
134
135table#report_list .report_name {
136    width: 20%;
137    padding: 10px 2%;
138}
139table#report_list .report_date {
140    width: 20%;
141}
142
143table#report_list .report_title {
144    width: 37%;
145}
146
147table#report_list .report_action {
148    width: 13%;
149}
150pre {
151    font-family: "Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",Helvetica,Arial,sans-serif;
152}
153h3 {
154    font-size: larger;
155}

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

_form
1<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
2<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
3<c:if test="${errors != null}">
4    <div id="flush_error">
5        入力内容にエラーがあります。<br />
6        <c:forEach var="error" items="${errors}">
7            ・<c:out value="${error}" /><br />
8        </c:forEach>
9
10    </div>
11</c:if>
12<label for="code">社員番号</label><br />
13<input type="text" name="code" value="${employee.code}" />
14<br /><br />
15
16<label for="name">氏名</label><br />
17<input type="text" name="name" value="${employee.name}" />
18<br /><br />
19
20<label for="password">パスワード</label><br />
21<input type="password" name="password" />
22<br /><br />
23
24<label for="admin_flag">権限</label><br />
25<select name="admin_flag">
26    <option value="0"<c:if test="${employee.admin_flag == 0}"> selected</c:if>>一般</option>
27    <option value="1"<c:if test="${employee.admin_flag == 1}"> selected</c:if>>管理者</option>
28    <option value="2"<c:if test="${employee.admin_flag == 2}"> selected</c:if>>課長</option>
29    <option value="3"<c:if test="${employee.admin_flag == 3}"> selected</c:if>>部長</option>
30</select>
31<br /><br />
32
33<input type="hidden" name="_token" value="${_token}" />
34<button type="submit">投稿</button>

YT0014

2020/11/15 15:13 編集

ヘッダーとはどの領域なのか、明示してください。役職の管理、取得方法をご提示ください。役職ごとに該当領域用のクラスを用意し、c:chooseで領域開始タグの記述を分ければ、実現できるように思えますが。

momon-ga

2020/11/16 02:18

フロントエンドあんまりやらないので、お作法的にいけてないかもしれないですが役職ごとにCSS用意して、読み込むCSSを変更するってのは、いけてないのでしょうか？それとも、YT0014さんのコメントにあるとおり、クラスを出し分けするものなんですかね。

YT0014

2020/11/22 06:51

この問題の続きと思われる新たな質問をされておられますが、この問題は解決されたのでしょうか？解決されたのでしたら、ベストアンサーを選出するか、解決した方法を詳細に記載した回答を投稿したうえで自己解決とするかして、しゅうりょうしてください。部分的にしか解決していないのなら、新たな質問でなく、この質問を編集して、回答を募ってください。