层div中的表格调用css样式问题？

来源：百度知道 编辑：UC知道 时间：2024/06/08 06:30:58
我想问个问题，在一个div层中有一个表格，要用css修改表格中每行文字的排列方式和行列的大小，我写的调试没效果（文字没居中，大小没改变），不知道哪里出现问题了？请指点
html相关代码：
<div id="pagebody">
<table cellpadding="0" cellspacing="0" id="table01">
<tr>
<th class="01">bbbbbbbb</th>
<th class="02">20.00元</th></tr>
<tr>
<th class="01">aaaaaaaaa </th>
<th class="02">19.80元</th></tr>
</table>
</div>
css代码：
#pagebody{
height:500px;
margin:10px 10px 10px 10px;
}

.pagebody table01 01{
text-align:left;
width:70%;
}
.pagebody table01 02{
text-align:left;
width:25%;
}

样式名写错了,应该这样

#pagebody{
height:500px;
margin:10px 10px 10px 10px;
}

#pagebody .01{
text-align:left;
width:70%;
}
#pagebody .02{
text-align:left;
width:25%;
}

首先纯属数字不能为CSS命名。CSS开头必为字母或下划线
#pagebody{
height:500px;
margin:10px 10px 10px 10px;
}

.pagebody #table01 ._01{
text-align:left;
width:70%;
}
.pagebody #table01 ._02{
text-align:left;
width:25%;
}

<div id="pagebody">
<table cellpadding="0" cellspacing="0" id="table01">
<tr>
<th class="_01">bbbbbbbb</th>
<th class="_02">20.00元</th></tr>
<tr>
<th class="_01">aaaaaaaaa </th>
<th class="_02">19.80元</th></tr>
</table>
</div>