【CSS】css选择器和css获取第n个元素（:nth-of-type(n)、:nth-child(n)、first-child和last-child）
CSS选择器和获取第n个元素的方法主要有以下几种：
:nth-of-type(n)：选择父元素下的特定类型的第n个子元素。:nth-child(n)：选择父元素下的第n个子元素，不考虑元素类型。:first-child：选择父元素下的第一个子元素。
以下是这些选择器的示例代码：
/* 选择父元素下的p元素的第2个 */
p:nth-of-type(2) {
color: red;
}
/* 选择ul的第3个子元素，不管元素类型 */
ul li:nth-child(3) {
background-color: yellow;
}
/* 选择第一个段落的首个字母，并使其下划线 */
p:first-child::first-letter {
text-decoration: underline;
}在这个例子中，第一行CSS会给父元素下的第二个<p>元素设置红色字体。第二行CSS会给<ul>的第三个子元素的背景设置为黄色。最后一行CSS会给第一个段落的首字母添加下划线，仅当这个段落是其父元素的第一个子元素时才会应用这个规则。
评论已关闭