javascript - CSS改变垂直响应式菜单的样式

Question

如果菜单切换为垂直，如何更改样式？!？! Responsive Menu

<ul class="vertical medium-horizontal menu">
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
</ul>

我试过例如:

.vertical li{background-color: #000000;}

Answer 1

将更改放在相应的@media 查询中。

/来自您链接的网站/

@media 屏幕和(最小宽度:40em){

li {background-color: #000000;}