P4.结构伪类选择器

结构伪类选择器

定义:结构伪类选择器是用来处理一些元素特殊的效果以 : 开头
常见几个选择器属性:

  1. first-child:定位到某元素的第一个子元素
  2. last-child:定位到某元素的最后一个子元素
  3. only-child:定位到某元素的唯一一个子元素
  4. nth-child(n):点位到某元素的第n个元子素(注意该选择器选中时,第N个子元素上面必须是同类型元素,不能含其他元素。否则无法生效)按照顺序定位。
  5. nth-of-type(n):点位到某元素的第n个元子素(该选择器则不需要考虑同类型元素)按照类型定位
  

nth-child(n)与 nth-of-type(n)的区别:
P4.结构伪类选择器_第1张图片
P4.结构伪类选择器_第2张图片
其他选择器相比简单好记

你可能感兴趣的:(CSS学习笔记,css,css3)