CSS权重问题

<link rel="stylesheet" href="./css/bootstrap.css">
<link rel="stylesheet" href="./css/css.css">

像上述这样引入两个CSS文件的话，是不是下面一个文件的CSS会覆盖上面的？

那如果下边的CSS某几行的权重不及上边的呢？举例：

假如bootstrap.css里面有这样一行代码：

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
}

css.css有这么一行代码：

.navbar-nav > li > a:focus {
    color: #abcdef;
}

css.css能生效吗？

PS：产生这个问题是因为发现使用bootstrap定制导航条的字体颜色十分麻烦，不能直接用

.navbar-default{
    color: white;
}

实现，而尝试很多遍后想进一步提问……