Question

我想将表背景颜色突出显示为蓝色。但是我的代码没有用。

index.php class

    <!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>My site</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<table class="tb">
<tr><td>first row</td></tr>
<tr><td>second row</td></tr>
<tr><td>third row</td></tr>

</table>


<script type="text/javascript" src="js/jqry.js"></script>
<script type="text/javascript" src="js/selector.js"></script>

</body>

</html>

style.css class：

    .tb,.tb tr,.tb td{
border: 1px solid red;
}
.highlight{
background-color: blue;
}

table.js class：

  $(document).ready(function(){
$('.tb').addClass('highlight');
});

我的文件夹路径如下：

C:\xampp\htdocs\jquery\style.css ; 
C:\xampp\htdocs\jquery\js\jquery.js ;
C:\xampp\htdocs\jquery\js\table.js ;
C:\xampp\htdocs\jquery\index.php;

Answer 1

忽略向下投票。

您的jquery无法正常工作，因为您没有正确使用它。因此，它会被赋予类highlight。

<script type="text/javascript" src="js/jqry.js"></script>

有拼写错误。将其更改为

<script type="text/javascript" src="js/jquery.js"></script>

你需要添加

 <script type="text/javascript" src="js/table.js"></script>

Answer 2

使用这样的普通css规则：

.tb { background-color: color; }

此处：http://jsfiddle.net/55tye/

你不需要JS / jQuery。

Answer 3

您的table.js文件中是否包含index.php？

因为我无法在提供的代码中看到它？

请在您的代码中添加该文件后进行验证。并看到它的工作与否！

Answer 4

尝试：

.tb,.tb tr,.tb td{
border: 1px solid red !Important;
}
.highlight{
background: blue !Important;
}

Answer 5

这应该是这样的......

 <script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/table.js"></script>

我想你忘了给table.js打电话。

为什么我的CSS代码不能为表格制作背景颜色？

5 个答案: