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

当页面变小时，我正在使用引导程序和一些媒体查询来编辑我的导航栏设置。我试图使它的颜色周围的导航背景变成粉红色，文字是白色的，但由于某种原因，这是不可能的。
我也试图使它，以便当它变小引导有图标栏，你可以按下来，它就像一个下拉菜单，但它的方式大时，它得到了移动版本，由于某种原因，我不能使它看起来更小。那是导航的实际文本而不是小图标
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;
}
}

再次抱歉，如果这是一个简单的解决方案，但我刚刚开始学习等使用引导和所有这一切，所以它对我来说都是新的。这方面的任何帮助都是很好的。

最佳答案

这是因为其他一些样式正在覆盖你的css。
您应该使用chrome的devtools这样的检查器来查看发生这种情况的地方。
用!important来暂时改变你的风格怎么样？

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

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

关于html - 引导中的媒体查询，不允许我更改导航的大小和颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35259346/