选择器：选择父级元素下的子元素(first-child/nth-child)

beyes · 发表于 2015-12-26 00:46:41

有时候想选择父级元素下的某个子元素应用样式，此时可以使用 first-child 和 nth-child() 这两个属性。其中，first-child 表示父元素的首个子元素；nth-child() 通过括号里填入一个整数可以指定任意一个子元素。

看下面的代码：

复制代码

这两个 div 都使用了同一个 class 。如果我希望两个 div 里的第 1 个 h1 中的内容都变成红色，那么 css 描述可为：

复制代码

注意 .d1>h1 的写法，其中有个大于号，此处的读法为：.d1 里的 h1 。

如果想指定两个 div 里的第 3 个 h1 中的内容都变成红色，那么 css 描述为：

复制代码

		自动登录	找回密码
密码			立即注册

[CSS] 选择器：选择父级元素下的子元素(first-child/nth-child)