<!DOCTYPE html>
<html>
<head>
<title>Demo'Blog</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
/*cái này chạy không được*/
/*.navbar-nav li a:hover{
color: red;
}*/
/*cái này chạy được*/
.navbar-nav li a:hover{
font-size: 30px;
}
/*cái này chạy được*/
/*#color li a:hover{
color:red;
}*/
</style>
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="">Me</a>
</div>
<div class="collapse navbar-collapse" >
<ul class="nav navbar-nav navbar-right" id="color">
<li><a href="#">Lập trình</a></li>
<li><a href="#">Tào Lao</a></li>
<li><a href="#">Nhật Ký</a></li>
</ul>
</div>
</div>
</nav>
<!-- end navbar -->
<footer></footer>
</body>
</html>
Các bạn đọc cmt đoạn này và cho mình xin lời giải thích chổ này với ạ
/cái này chạy không được/
/.navbar-nav li a:hover{
color: red;
}/
/cái này chạy được/
.navbar-nav li a:hover{
font-size: 30px;
}
/cái này chạy được/
/#color li a:hover{
color:red;
}/
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?