首页 >

css怎么选中第一个标签 |css chrome 字体

css层级效果,css 3 制作原型,css 怎么写图片样式,css元素设置背景颜色,用css实现图片相册切换,css3向左缓慢显示,css chrome 字体css怎么选中第一个标签 |css chrome 字体
/*使用:first-child伪类*/
p:first-child {
color: red;
}
/*使用:first-of-type伪类*/
p:first-of-type {
color: blue;
}
/*使用:nth-child(1)伪类*/
p:nth-child(1) {
color: green;
}

其中,:first-child伪类选中的是父元素的第一个子元素,而:first-of-type伪类则是选中父元素下第一个该类型的子元素。而:nth-child(1)伪类则是选中父元素下第一个子元素。

需要注意的是,如果父元素下没有对应类型的子元素,那么:first-of-type伪类和:nth-child(1)伪类是不会生效的。

以上就是CSS选中第一个标签的几种方式,在实际应用中可以根据需求选择不同的方式进行使用。


css怎么选中第一个标签 |css chrome 字体
  • CSS是什么颜色美甲夏天 |css3 box 和 flex
  • CSS是什么颜色美甲夏天 |css3 box 和 flex | CSS是什么颜色美甲夏天 |css3 box 和 flex ...

    css怎么选中第一个标签 |css chrome 字体
  • css自制滚动文字 |css怎么做凹进去的圆角
  • css自制滚动文字 |css怎么做凹进去的圆角 | css自制滚动文字 |css怎么做凹进去的圆角 ...

    css怎么选中第一个标签 |css chrome 字体
  • css样式图片位置移动 |css文件 编译
  • css样式图片位置移动 |css文件 编译 | css样式图片位置移动 |css文件 编译 ...