나는 실수를해서 내 눈이 어두워 짐을 알고 있습니다. 그래서 내가 내 문제를 찾도록 도와달라고 부탁하고있다. 밑줄은 호버에 나타나지 않는다. 당신이 (이 때문에 바보 편집기의) fidle 순 슬래시 t4fmuxbL에서 찾을 수 있습니다CSS 호버가 작동하지 않습니다 (밑줄을 표시해야 함)
바이올린
body, div, span, ul, li {
\t margin:0;
\t padding:0;
\t font-family:"Agency FB";
}
li, a {
\t list-style-type:none;
\t text-decoration:none;
\t color:white;
\t font-size:14px;
}
li {
\t display:inline-block;
\t margin:28.5px 5px 5px 35px;
}
.underline-div {
\t border-top:3px solid #FFB700;
\t width:12px;
\t float:left;
\t margin-left:41px;
\t margin-top:-3px;
\t display:none;
}
#und-div2 {
\t margin-left:56px;
\t width:22px;
}
#und-div3 {
\t margin-left:56px;
\t width:18px;
}
#und-div4 {
\t margin-left:55px;
\t width:36px;
}
#news:hover #und-div1 {
\t display:block;
}
#forums:hover #und-div2 {
\t display:block;
}
#blogs:hover #und-div3 {
\t display:block;
}
#statistics:hover #und-div4 {
\t display:block;
}
.page, .header {
\t padding:0;
}
.page {
\t border:1px solid black;
\t height:1200px;
\t min-width:1265px;
\t width:100%;
}
.header-bg {
\t height:655px;
\t border:1px solid black;
\t background:url("http://pokkers.lv/photo-bg.jpg");
\t background-size:cover;
}
nav {
\t display:block;
\t width:100%;
\t height:75px;
\t background-color:rgba(0,0,0,0.2);
}
.main-nav {
\t width:380px;
\t height:75px;
}
.left-nav{
\t margin-left:200px;
\t position:absolute;
\t top:0;
}
.right-nav {
\t margin-right:200px;
\t float:right;
}
.side-div {
\t border:1px solid white;
}
<body>
\t \t <div class = "col-md-12 page">
\t \t \t <header class = "col-md-12 header">
\t \t \t \t <div class = "header-bg">
\t \t \t \t \t <nav>
\t \t \t \t \t \t <div class = "left-nav main-nav">
\t \t \t \t \t \t \t <ul>
\t \t \t \t \t \t \t \t <li id = "news"><a href = "#">NEWS</a></li>
\t \t \t \t \t \t \t \t <li id = "forums"><a href = "#">FORUMS</a></li>
\t \t \t \t \t \t \t \t <li id = "blogs"><a href = "#">BLOGS</a></li>
\t \t \t \t \t \t \t \t <li id = "statistics"><a href = "#">STATISTICS</a></li>
\t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t \t <div class = "underline-div" id = "und-div1"> </div>
\t \t \t \t \t \t \t <div class = "underline-div" id = "und-div2"> </div>
\t \t \t \t \t \t \t <div class = "underline-div" id = "und-div3"> </div>
\t \t \t \t \t \t \t <div class = "underline-div" id = "und-div4"> </div>
\t \t \t \t \t \t </div>
\t \t \t \t \t \t <div class = "right-nav main-nav">
\t \t \t \t \t \t \t <ul>
\t \t \t \t \t \t \t \t <li><a href = "#">SERVERS</a></li>
\t \t \t \t \t \t \t \t <li><a href = "#">BANLIST</a></li>
\t \t \t \t \t \t \t \t <li><a href = "#">MARKET</a></li>
\t \t \t \t \t \t \t \t <li><a href = "#">CONTACTS</a></li>
\t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t </div>
\t \t \t \t \t </nav>
\t \t \t \t </div>
\t \t \t </header>
\t \t </div>
\t </body>
: 그
<a>
CSS의 아이가 아닌 다른 요소) 이 어리석은 편집장에서도. – Roberrrt