.navigation {
padding: 0;
margin: 0;
background: #333;
position: fixed;
top: 0;
z-index: 999;
width: 100%;
li {
display: inline-block;
padding: 5px 10px;
a {
color: #e1e1e1;
text-decoration: none;
&:hover{
color: lighten(#e1e1e1, 20%);
}
}
}
Я пытаюсь создать панель меню, которая находится в горизонтальном формате. Я уже пробовал использовать display: inline-block, но все же у меня проблема с ним. Я даже пытался использовать display: inline, но, похоже, он не решает. может ли кто-нибудь помочь мне решить это.
вы пишете это в scss? Я предполагаю, что ваше гнездо выключено, потому что оно отлично работает в обычном css:
.navigation {
padding: 0;
margin: 0;
background: #333;
position: fixed;
top: 0;
z-index: 999;
width: 100%;
}
li {
display: inline-block;
padding: 5px 10px;
}
a {
color: #FFF;
text-decoration: none;
}
a:hover{
color: lighten(#e1e1e1, 20%);
}
похоже, что вам не хватает последнего }
, который закрыл бы .navigation
. Попробуйте UPDATE: вот ответ: NEW FIDDLE
}
закрытие декларации для .navigation
. Его скрипка также не имеет языка (который можно выбрать на левой боковой панели), установленного на SCSS
(по умолчанию CSS
).