直接回答你的问题:不。没有更简单的方法来获得所有现代浏览器的一致的外观和感觉,而不重复列上的类。 (虽然,见下面re:nth-child。)
以下是执行此操作的最有效的方法。
HTML:
CSS:
table.products td.price {
text-align: right;
}
为什么你不应该使用nth-child:
CSS3伪选择器,nth-child,将是完美的这 – – 更高效 – 但它是不切实际的使用在实际的网络,因为它存在今天。 It is not supported by several major modern browsers,包括从6-8的所有IE。不幸的是,这意味着今天的a significant share(至少40%)的浏览器中不支持nth-child。
所以,第n个孩子是真棒,但如果你想要一致的外观和感觉,这是不可行的使用。