今天完成的事：继续task7，在audio和hover上遇到了些困难，编写audio时先去使用了下复杂的Input Range.......然后发现完全不对啊.......还是用了audio更简洁方便，不过在插入怎么的script时有点犯难，看了别人的demo样板明白了点但还没透。

hover上用的时间贼多，最开始是去用了别人博客里的方法，用了简化JS为CSS的一段代码去试试隐藏图片，后来发现并没什么卵用（大概又是我设置方案不对？？？？？）实在是没法子去看了下别人的demo.......不对啊这opacity我知道啥意思但这是咋实现的？？？？？？只能去问原作者说是用hover，结果下面又出问题了。

先是用错了hover上的写作格式，结果搞了半天错误了........看了webstorm上的颜色警告线还是很好用的。后来又没理解对hover的选择对象，针对隐藏的事子元素才对，搞了半天一直都放在另一个子元素上了，必须针对父元素才能达到效果，然后我就一直纳闷咋就没隐藏效果.....。再后来为了方便我直接隐藏了整个图片，然后这个“方便”又耽搁了我些时间......hover不好隐藏图片啊....（可能是因为我的某些设置也有问题？到后面选择的opacity，网上查了说是子元素先写display;none，再在hover里写display:block可以解决）针对hover之类的选择器w3h上都是针对文本的，也只能一个个小图切图切开用ul来完成，每个li插入背景图片来进行实现其opacity0~1的效果......真的好累，以前没用过hover伪类真的好纠结，这也是个“坑”啊，踩了这个坑才会知道些知识。

明天计划完成的事：完成task7，把一些小东西解决了。

遇到的问题：针对audil的单播放按钮实现还是有点朦胧感，自己是用CSS画图形完成了播放按钮，但没确切知道别人demo里的代码真正意思，其script里的也没理解。

<audio src="财富自由.mp3" controls="controls" preload id="music" hidden></audio>

function a() {
    var audio = document.getElementById('music');
    if (audio.paused) {
        audio.play();//audio.play();// 播放
    }
    else {
        audio.pause();// 暂停
    }
}

这两个地方不是很明白

收货：明白了用hover伪类隐藏子元素。