z-index

В блоке с шапкой z-index:2;
В блоке #nav не указан z-index, но блок #nav всё равно выше всех блоков появляется
Как правильно, нужно указывать в #nav z-index:3; если он target ?

Код (CSS):

1.  #nav {
2.              padding: 20px;
3.              text-align: center;
4.              position: fixed;
5.              height: 100%;
6.              top: 0;
7.              width: 80%;
8.              max-width: 400px;
9.              background: rgb(255, 219, 58);
10.              box-shadow: -3px 0 10px rgba(0,0,0,0.2);
11.          }
12.          #nav:not(:target) {
13.              right: -100%;
14.              transition: right 1.5s;
15.          }
16.          #nav:target {
17.              right: 0;
18.              transition: right 1s;
19.          }