html中标签点击没有任何反应
.leftside {
float: left;
background-color: rgb(245, 245, 245);
width: 230px;
}
.leftside ul {
height: 663px;
}
.leftside .first {
background-color: rgb(66, 139, 202);
/*margin-top: 25px;*/
}
.leftside .first a {
color: white;
}
.leftside ul li {
border-bottom: 0.2px solid white;
font-size: 20px;
height: 60px;
line-height: 60px;
width: 100%;
text-align: center;
}
.leftside ul li a {
color: black;
}
.container-fluid {
position: relative;
top: 10px;
left: 10px;
}
/*.sub-header {*/
/* margin-top: 35px;*/
/*}*/
.table-responsive {
margin-top: 1px;
}
/* .table-striped {
width: 1250px;
} */
thead tr th {
background-color: white;
}
tbody tr {
background-color: rgb(245, 245, 245);
}
tbody tr td .long {
width: 270px;
height: 30px;
}
tbody tr td .last {
height: 40px;
width: 60px;
}
style>
head>
<body>
<div class="header">
<span class="left">学 生 信 息 录 入span>
<span class="right_right"><a href="/">退出登陆a>span>
div>
<div class="leftside" >
<ul>
<li class="first"><a>学生信息管理a>li>
<li><a href="/teacher">教师信息管理a>li>
<li ><a href="/course">课程信息管理a>li>
ul>
div>
<div class="container-fluid">
<h1 class="sub-header">学 生 信 息 录 入 系 统h1>
<div class="table-responsive">
<table class="table table-striped">
<div class="bs-example" data-example-id="bordered-table">
<table class="table table-bordered">
<thead>
<tr>
<th>学号th>
<th>姓名th>
<th>性别th>
<th>年龄th>
<th>系别th>
<th>操作th>
tr>
thead>
<tbody id="body" >
{% for item in data_list %}
<tr>
<td >{{item[0]}}td>
<td >{{item[1]}}td>
<td>{{item[2]}}td>
<td>{{item[3]}}td>
<td>{{item[4]}}td>
<td bgcolor="#5f9ea0">
<a href="/add">添加a>
<a href="/delete?sno={{item[0]}}">删除a>
<a href="/update?sno1={{item[0]}}">修改a>
td>
tr>
{% endfor %}
tbody>
table>
div>
table>
div>
div>
页面中点击相应的内容没有任何反应
F12看下控制台，是否报错
这篇文章：关于HTML中a标签的嵌套 也许有你想要的答案，你可以看看a标签本身不会有问题，看你的a标签执行的方法路径以及传参。