css匹配选择属于其父元素的第N个子元素的方法

有人说: "要么旅行,要么读书,身体和灵魂,必须有一个在路上。 "这次川西之行我们走进四姑娘山。四姑娘山,是四座并立的山峰,山体陡峭,直指蓝天,冰雪覆盖,银光照人,享有 "蜀山皇后 "的美誉。
加入要让第二个 th 占table表格总宽度的50%.
复制代码
代码如下:

<style type = "text/css">
table tr th:nth-child(2)
</style>
<table>
<tr>
<th>第一个</th>
<th>第二个</th>
<th>第三个</th>
</tr>
</table>

定义:
:nth-child(n) 选择器匹配属于其父元素(在这里就是tr)的第 N (这里选择第2个)个子元素(这里子元素是th),不论元素的类型。

到此这篇关于css匹配选择属于其父元素的第N个子元素的方法就介绍到这了。学会改变生活,学会品味沧桑,方可无悔青春,无憾岁月的消逝。更多相关css匹配选择属于其父元素的第N个子元素的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
html元素水平居中、垂直居中、水平垂直居中于其父级元素的方法

css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例