为了账号安全,请及时绑定邮箱和手机立即绑定

请问如果有2个表格如何分别给这2个表设置不同的css样式?

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>为表格添加边框</title>

<style type="text/css">

table tr td ,th{border:1px solid #000;}

</style>

</head>


<body>

<table  summary="">

  <tr>

    <th>班级</th>

    <th>学生数</th>

    <th>平均成绩</th>

  </tr>

  <tr>

    <td>一班</td>

    <td>30</td>

    <td>89</td>

  </tr>

  <tr>

    <td>二班</td>

    <td>35</td>

    <td>85</td>

  </tr>

  <tr>

    <td>三班</td>

    <td>32</td>

    <td>80</td>

  </tr>

</table>

<table>

  <tbody>

    <tr>

      <th>班级</th>

      <th>学生数</th>

      <th>平均成绩</th>

    </tr>

    <tr>

      <td>一班</td>

      <td>30</td>

      <td>89</td>

    </tr>

    <tr>

      <td>二班</td>

      <td>35</td>

      <td>85</td>

    </tr>

<tr>

    <td>三班</td>

    <td>32</td>

    <td>80</td>

    </tr>





  </tbody>


</body>

</html>


正在回答

6 回答

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>为表格添加边框</title>

<style type="text/css">

table tr td ,th{border:1px solid #000;}

</style>

</head>


<body>

<table  summary="" style="font-size:20px;color:green;">

    

  <tr>

    <th>班级</th>

    <th>学生数</th>

    <th>平均成绩</th>

  </tr>

  <tr>

    <td>一班</td>

    <td>30</td>

    <td>89</td>

  </tr>

  <tr>

    <td>二班</td>

    <td>35</td>

    <td>85</td>

  </tr>

  <tr>

    <td>三班</td>

    <td>32</td>

    <td>80</td>

  </tr>

</table>

 <table  summary="" style="font-size:20px;color:red">

  <tbody>

    <tr>

      <th>班级</th>

      <th>学生数</th>

      <th>平均成绩</th>

    </tr>

    <tr>

      <td>一班</td>

      <td>30</td>

      <td>89</td>

    </tr>

    <tr>

      <td>二班</td>

      <td>35</td>

      <td>85</td>

    </tr>

<tr>

    <td>三班</td>

    <td>32</td>

    <td>80</td>

    </tr>





  </tbody>


</body>

</html>

相同的格式在head设置,不同的样式在table单独设置

1 回复 有任何疑惑可以回复我~
#1

qq_橙星蓝鸿_0 提问者

非常感谢!
2017-08-31 回复 有任何疑惑可以回复我~

类选择器写

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>为表格添加边框</title>

<style type="text/css">

table tr td ,th{border:1px solid #000;}

.style1{font-size:20px;color:green;}

.style2{font-size:30px;color:red}

</style>


</head>


<body>

<table  summary="" class="style1">

  <tr>

    <th>班级</th>

    <th>学生数</th>

    <th>平均成绩</th>

  </tr>

  <tr>

    <td>一班</td>

    <td>30</td>

    <td>89</td>

  </tr>

  <tr>

    <td>二班</td>

    <td>35</td>

    <td>85</td>

  </tr>

  <tr>

    <td>三班</td>

    <td>32</td>

    <td>80</td>

  </tr>

  </span>

</table>

 <table  summary="" class="style2">

  <tbody>

    <tr>

      <th>班级</th>

      <th>学生数</th>

      <th>平均成绩</th>

    </tr>

    <tr>

      <td>一班</td>

      <td>30</td>

      <td>89</td>

    </tr>

    <tr>

      <td>二班</td>

      <td>35</td>

      <td>85</td>

    </tr>

<tr>

    <td>三班</td>

    <td>32</td>

    <td>80</td>

    </tr>





  </tbody>


</body>

</html>


0 回复 有任何疑惑可以回复我~

最简单的方法是, 每个表格设置不同id, 用id选择器设置不同的样式

0 回复 有任何疑惑可以回复我~

选择器

0 回复 有任何疑惑可以回复我~

在table标签里单独写style

0 回复 有任何疑惑可以回复我~

用后代选择器

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问如果有2个表格如何分别给这2个表设置不同的css样式?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信