纯css完成手风琴效果

代码





  
  
  垂直手风琴

  



  



效果

纯css完成手风琴效果_第1张图片

知识点分析

css3选择器的种类(五类)

第一类: 基本选择器
第二类: 层次选择器
第三类: 伪类选择器

  • 动态伪类选择器
  • 目标伪类选择器
  • 语言伪类选择器
  • UI元素状态伪类选择器
  • 结构伪类选择器
  • 否定伪类选择器

第四类: 伪元素
第五类: 属性选择器

用到的元素选择器

基本选择器

①元素选择器
②类选择器
③群组选择器

层次选择器

①后代选择器(包含选择器)

伪类选择器

①动态伪类选择器 :focus,:hover,:active
②目标伪类选择器 :target
③语言伪类选择器 lang=“zh-cn”

伪类选择器

①伪元素::before

你可能感兴趣的:(css3)