css 表格的问题，。谢谢
<html><head><styletype="text/css">#customers{font-family:"TrebuchetMS",Arial,Helvetic...
<html>
<head>
<style type="text/css">
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
</style>
</head>
<body>
<table id="customers">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Apple</td>
<td>Steven Jobs</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Baidu</td>
<td>Li YanHong</td>
<td>China</td>
</tr>
<tr>
<td>Google</td>
<td>Larry Page</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Lenovo</td>
<td>Liu Chuanzhi</td>
<td>China</td>
</tr>
<tr>
<td>Microsoft</td>
<td>Bill Gates</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Nokia</td>
<td>Stephen Elop</td>
<td>Finland</td>
</tr>
</table>
</body>
</html>
请问 前面有2个#customers th ，怎么理解呢？还有#customers tr.alt td 这里面tr.alt td什么意思啊 展开
<head>
<style type="text/css">
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
</style>
</head>
<body>
<table id="customers">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Apple</td>
<td>Steven Jobs</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Baidu</td>
<td>Li YanHong</td>
<td>China</td>
</tr>
<tr>
<td>Google</td>
<td>Larry Page</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Lenovo</td>
<td>Liu Chuanzhi</td>
<td>China</td>
</tr>
<tr>
<td>Microsoft</td>
<td>Bill Gates</td>
<td>USA</td>
</tr>
<tr class="alt">
<td>Nokia</td>
<td>Stephen Elop</td>
<td>Finland</td>
</tr>
</table>
</body>
</html>
请问 前面有2个#customers th ，怎么理解呢？还有#customers tr.alt td 这里面tr.alt td什么意思啊 展开
3个回答
展开全部
#customers th意思是：id为customers 的标签里面的th标签的样式
#customers tr.alt td意思是：id为customers的标签里面的class名为alt的tr标签里面的td标签的样式（1、tr.alt中间没有空格隔开表示前面的tr是标签名.alt表示名为alt的tr标签
2、tr.alt td：td前面有空格隔开表示包含的关系，就是td在class名为alt的tr标签里面）
#customers tr.alt td意思是：id为customers的标签里面的class名为alt的tr标签里面的td标签的样式（1、tr.alt中间没有空格隔开表示前面的tr是标签名.alt表示名为alt的tr标签
2、tr.alt td：td前面有空格隔开表示包含的关系，就是td在class名为alt的tr标签里面）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、第一个#customers th跟#customers td写在一起，这两个用的是同样的样式，但是需要对#customers th进行特殊的定义，所以又写了一个，后写的属性会覆盖之前写的（如果有的话）
2、tr.alt 就是tr里有class="alt"的那些，tr.alt td就是这些tr下的td
建议去看看css入门的书吧
2、tr.alt 就是tr里有class="alt"的那些，tr.alt td就是这些tr下的td
建议去看看css入门的书吧
追问
正在努力学习，谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#是id选择符号，.是类选择符。#customers th，表示id为#customers下的th；#customers tr.alt td意思是id为customers中class为alt的tr中的td。
追问
#customers th 这个前面已经 定义过了，后面又有一个#customers th，怎么理解呢？谢谢
追答
你可以理解为，后面是补充和更新（覆盖前面的）。这样写是为了方便管理css的。共性和特性的区别。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
