그래서 어떤 이유로 작동하지 않는 간단한 navbar가 있습니다. 다른 모든 링크와 페이지는이 코드를 제외하고 작동하며 다음 코드에서 누군가가 오류를 발견 할 수 있는지 궁금합니다. 'glob'이 노란색이 아닌 것을 주목하십시오. 그 규칙을 재정의하는 좀 더 구체적 인 규칙이 있다고 생각했지만 규칙이 있다고 생각하지 않습니다. 활성 클래스를 대상으로 지정할 경우navbar에 대한 의사 클래스가 작동하지 않습니다.
#subnav {
\t height: 10%;
\t text-align: center;
\t background-color: green;
\t width: 100%;
}
#subnav ul {
\t list-style-type: none;
\t margin: 0;
\t padding: 0;
\t overflow: hidden;
\t text-align: center;
\t width: 100%;
\t font-weight: bold;
}
#subnav li {
\t display: inline-block;
}
#subnav li a {
\t display: block;
\t color: white;
\t text-align: center;
\t padding: 14px 16px;
\t text-decoration: none;
}
#subnav li a:hover {
\t color: yellow;
}
#subnav li a:active {
\t color: yellow;
}
<div id="subnav">
\t <ul>
\t \t \t <li> <a href="sam.html">Sam </a></li>
\t \t <li> <a href="sam.html">Sam </a></li>
\t \t \t <li> <a href="sam.html">Sam </a></li>
\t \t \t <li> <a href="sam.html">Sam </a></li>
\t <li> <a href="sam.html">Sam </a></li>
<li> <a href="sam.html">Po </a></li>
<li> <a class="active" href="glob.html">Glob </a></li>
<li> <a href="sam.html">Donors </a></li>
\t \t </ul>
</div>
을 (대신
:
의.
주의) 나를 위해 – j08691작품 나에게 같은 모양이어야한다, on Chrome – LGSon
Chrome 54.0.2840.71 m (64 비트) Windows 10. 저의 co.kr에 포함되어 있지 않은'color' 속성을 어딘가에 덮어 쓰는'.active' 클래스가있을 수 있습니다. de snippet. DevTools로 요소를 검사하십시오. – Ricky