Question

新手求教，css中<table>的{font-family}和{font-size}的问题

{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}1.这个文字字体为什么要设置好几个字体，table怎么区分td要用哪个？单独加引号的字体代表什么？2.<#customers td, #customers th>已经设置了th的<font-size>了,为什么还要在<#customers th >再设置一遍？我试了把第一个的<font-size>这个属性去掉，表格没什么区别，那第一个的<font-size>属性有什么含义吗？3.<#customers tr.alt td >我知道clss和id的基本写法，这个复杂的class可以解释一下含义吗？





Answer 1

1、多个字体是为了让浏览器从左到右依次查找字体，找到哪个就用哪个，这样的话如果用户的电脑上未安装某个字体，它会自动选择后面的其他字体来代替。一般来说，排在前面（即左边）的字体都是比较好看但普及度可能不高的字体，而排在后面的则是大众化的几乎所有电脑都存在的字体，这样的话，比较高档的电脑或手机由于安装的字体较丰富，页面看起来会比较漂亮，而普通的设备虽然看起来比较朴素，也可保证能正常显示。加引号的字体是因为名称中含有空格，为了防止浏览器误认，所以就加了引号（其实所有字体名都是可以加引号的）。

2、多次对同一个选择器进行设置，那么后面的设置会自动覆盖前面的同属性设置。这种做法通常用于对css样式的共性和个性分别进行设置。比如你题目中说的例子，前面对td和th合并进行了设置（这是它们的共性），后面又单独对th进行了设置（这是它的个性），这样的话，后面的font-size:1.1em就会替换前面的font-size:1em，这样的话th的字体就是1.1em（但td的字体仍然是1em哦）。注意哦，除了font-size，还有padding也是这样哦。另外，任何元素的font-size默认都是1em的（em本身就是字体的大小，1em表示当前字体尺寸的1倍，等于没变，1.1em则是1.1倍），所以把第一个font-size删掉完全没问题。

3、tr.alt 表示class为alt的tr标签，也就是说必须是tr标签，而且其class必须是alt，两个条件都要符合，缺一不可。因此#customers tr.alt td就匹配下面代码中的td：

<table id="customers">
   <tr class="alt">
      <td>...</td>
   </tr>
</table>

Answer 2

优先显示这个字体：Trebuchet MS，如果浏览者系统上没有就去找后面一个：Arial，还没有则又往后找，如果都找不到就用系统默认字体显示。

字体名中间有空格的最好加引号扩起来，怕有的浏览器不能正常识别，至于哪些浏览器不识别，我也没试过。
#customers tr.alt td 表示选择一个td，且这个td的父级是一个tr，且这个tr的class为.alt，且tr的父级(就是table)的id为#customers，变态的写法，大多数情况下单独给td加个id或class就完事了，写这么长一串没意义，浏览器解析起还多找好几层，效率一点不高。

其他问题，我并没看懂...