伪类选择器

66 阅读1分钟

伪类选择器:

  • :link未访问状态
  • :visited访问过后状态:hover鼠标悬停状态:active鼠标按下状态【注】
  • 主要针对a的文本颜色的设置有顺序要求:LoVe - HAte
  • .boxi:hover .bo×2待鼠标移入自己,改变后代.box1:hover鼠标移入自己,改变自己
  • 优雅降级:
  • 优先考虑高版本浏览器的兼容,再考虑低版本浏览器的兼容
  • 渐进增强:
  • 优先考虑低版本浏览器的兼容,再考虑高版本浏览器的兼容
  • 属性选择器:
  • e[attr]0}选中e元素,且有attr属性
  • e[attr="value"]{}选中e元素,且有attr属性,值为valuee[ attr~="value"]0}选中e元素,且有attr属性,值包含value【拓展】
  • e[attro="value"]0选中e元素,且有attr属性,值以value开头e[attr$="value"]0选中e元素,且有attr属性,值以value结尾e[attr*="value"]0选中e元素,且有attr属性,值包含value
  • e[attr|="value"]选中e元素,且有attr属性,值只有value或者以value
  • 开头
  • I
  • 结构伪类选择器:
  • :first-child0}