HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – CSS:我想在容器中单独定位每个孩子大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想为每个< td>分配单独的颜色.一种解决方案是使用类,但如果存在简单的CSS选择器解决方案,我不想挤占 HTML.

HTML

<tr>
  <td>Item 1</td>
  <td>Item 2</td>
  <td>Item 3</td>
  <td>Item 4</td>
</tr>

CSS:

/* item #1 */
{Color: reD}

/* item #2 */
{Color: bluE}

/* item #3 */
{Color: green}

解决方法

使用CSS的第n个子选择器:
td:nth-child(1) {
    color:blue;
}
td:nth-child(2) {
    color:red;
}
td:nth-child(3) {
    color:brown;
}
td:nth-child(4) {
    color:green;
}

jsFiddle example

大佬总结

以上是大佬教程为你收集整理的html – CSS:我想在容器中单独定位每个孩子全部内容,希望文章能够帮你解决html – CSS:我想在容器中单独定位每个孩子所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。