引导中的媒体查询，不允许我更改导航的大小和颜色

Question

我正在使用引导程序，并在页面变小时使用一些媒体查询来编辑我的一些导航栏设置。我正在尝试使导航周围的背景颜色变成全部粉红色，文本变为白色，但由于某种原因，这没有发生。

我也在尝试使它变小时，当它

变小时，引导程序具有您可以按下的图标栏，它就像一个下拉菜单，但是当它到达移动版本时它会变大，由于某种原因我无法让它看起来更小。那是导航的实际文本，而不是小图标

.CSS：

@media only screen and (max-width: 768px) {
  .navbar-default .navbar-nav > li > a:hover,
   .navbar-default .navbar-nav > li > a:focus {
        background-color: #ff00ff;
        font-size: 15px;
        padding: 5px;
}
}

再次抱歉，如果这是一个简单的解决方案，但我刚刚开始使用引导程序学习等，所以这对我来说都是新的。对此的任何帮助都会很棒。

Answer 1

这是因为其他一些样式覆盖了你的css。您应该使用像Chrome的DevTools这样的检查器来查看这种情况发生的位置。

使用!important暂时强制你的风格怎么样？

    background-color: #ff00ff !important;
    font-size: 15px !important;

当然，这不是最佳做法，请参阅：https://css-tricks.com/when-using-important-is-the-right-choice/