Question

我有一个header.php文件，我想要包含在CodeIgniter视图中。显示了标题，但问题是我在header.php文件中编写的CSS样式未应用，我不明白为什么。这是我的标题：

<html>
<head>
<title><?php echo $title;?></title>
<link rel="stylesheet"
href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

</head>
<body >
<style>

.nav.navbar-nav li a{
color: #3232ff;
}
</style>

<nav class="navbar navbar-default">
  <div class="container-fluid">

    <ul class="nav navbar-nav">
  <li><a href="#"> <span class="glyphicon glyphicon-home"></span> Home </a> 
</li>

  <li><a href="#"> <span class="glyphicon glyphicon-off"></span> Log out</a>
</li>
</ul>
  </div>
</nav>
</body>
</html>

P.S 奇怪的是，如果我将css包含为内联样式，它可以正常工作

Answer 1

bootstrap风格的特殊性迫使你使用重要的东西：

mView

Answer 2

你错误地说错了，你应该在导航之前删除点，这样就选择了元素。这是有效的，我已经测试过：

nav .navbar-nav li a{
color: #3232ff !importan;
}

这种方式指的是nav元素中的.nav-bar类。见结果：

＆＃13;

<html>
<head>
<title><?php echo $title;?></title>
<link rel="stylesheet"
href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

</head>
<body >
<style>
nav .navbar-nav li a{
color: #000000 !important;

}
</style>

<nav class="navbar navbar-default">
  <div class="container-fluid">

    <ul class="nav navbar-nav">
  <li><a href="#"> <span class="glyphicon glyphicon-home"></span> Home </a>
</li>

  <li><a href="#"> <span class="glyphicon glyphicon-off"></span> Log out</a>
</li>
</ul>
  </div>
</nav>
</body>
</html>

＆＃13;

CSS样式未应用于标头中

2 个答案: