html – 第一个CSS样式

前端之家收集整理的这篇文章主要介绍了html – 第一个CSS样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在设置所有< td>我< tr>的元素除了第一个对齐,我想要左对齐.我试过这个:
<style>
td { text-align: right };
td:first-child { text-align: left };
</style>

这使得所有单元都对齐.如果我交换这两行的顺序,那么所有单元格都是左对齐的.高度混淆根据w3schools,

The :first-child selector is used to select the specified selector,only if it is the first child of its parent.

但这似乎并没有发生在我身上.

解决方法

你的语法不正确
td { text-align: right };                    /* This was being applied */
td:first-child { text-align: left };         /* This wasn't.. */

应该:

td { text-align: right; }
td:first-child { text-align: left; }

注意分号 – 它们不应在括号{}之外

除此之外,你正在使用:正确的孩子.

jsFiddle demo

猜你在找的HTML相关文章